Layout table/layers question

D

David

Hi
I'm redesigning a website for my church. The original site I made was okay,
but it sat to the left side of the screen on higher resolutions. I used
layers quite a bit, including cascading submenu tabs. www.216west3rd.org

I decided I wanted the new site to be centered at all resolutions with a
colored margin equal on both sides, so I used a layout table (and centered
it) and was very happy with the results until I tried to add my drop down
menus. On different resolution monitors my menu bar would move around to a
different location than what I had designed.

My question is, is there a way to use a layer (s) containing the navigation
bar and cascading submenus with layout tables ? I tried inserting a layer at
the paragraph mark in a cell on the layout table with no luck.

Any suggestions on how to make this work?

Thanks in advance
 
R

Ronx

Do not use layers in tables. This will always give problems.

Insert a fixed width, relatively positioned div, and centre this with
left/right margins set to auto. Then place all your content inside the
div.
Using inline styles (an embedded or external linked style sheet will be
better):

<body style="text-align: center; margin: 0; padding: 0;"> <!-- "center"
here is for older browsers -->
<div id="wrapper" style="position: relative; margin: 0 auto; text-align:
left; width: 760px;">
Page content, including layers, goes here. 760px is correct for 800px
width browser portals.
</div>
</body>

--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

http://www.rxs-enterprises.org/fp

FrontPage Support: http://www.frontpagemvps.com/
 
R

Ronx

Provided you allow sufficient width for expansion, and do not set height
attributes for the layers, there should not be a problem for text used
in layers in typical DHTML menus. Large amounts of text (more than 3 or
4 words, or more than one line), on the other hand, should definitely be
avoided.
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

http://www.rxs-enterprises.org/fp

FrontPage Support: http://www.frontpagemvps.com/
 
M

Murray

That would be true for any text contained with any container, though, not
just absolutely positioned ones.
 
D

David

Ron

You lost me with the "div" and stuff. I'm a novice, cant write with code,
and just use design mode.

How can I have cascading menus without using layers? I have no problem
making a navigation bar in a cell of a layout table.

I just cant figure out how to have drop down menus using cells/tables in
contrast to layers.

David
 
R

Ronx

In FrontPage, you use Code View and write code.

See http://www,rxs-enterprises.org
The menu at the top uses absolute positioning and layers - though most
of the layers do not use <divs>, the common definition for a layer is an
absolutely positioned div. Notice that the page is centered using the
technique described in my earlier post.

You can also look at
http://www.rxs-enterprises.org/tests/menu/menu-bhvrs-example.htm which
shows an example dropdown menu, using layers, and centred.
DO NOT use this menu - it is an absolute pig to set up and maintain, but
is a good exercise in manipulating layers, CSS and behaviours. The
tutorial for this was written for Expression Web at
http://www.rxs-enterprises.org/tests/menu/menu-behaviours.htm

In Expression Web the whole lot can be done from design view, including
writing the CSS - but you must have the knowledge to do it.
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

http://www.rxs-enterprises.org/fp

FrontPage Support: http://www.frontpagemvps.com/
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Centering Cascading Menu Made From Layers 4
Black Lines appearing over table borders 0
page layout and print layout differs 1
working with tables layers and behaviors 6
Layers 1
Uninstall and install Publisher 365 0
Cascading Menus with Layers 2
Adjusting the layout of over 1000 existing Word documents using a macro-driven batch run 0

Top