Re: CSS Question

Wanda,

In my opinion, frames are the easiest way to display a menu bar that is
visible all the time, and target your content pages to the "main" frame,
independently of that bar. As far as I know, there is no way to duplicate
the way a frameset works with CSS.  That is, if you design a menu division
and a content division in the same .html file, (with or without using the
float technique) how will you target the content pages to the content
division?   I have a script that simulates frames with CSS, but it only
hides the text for each link in a separate layer until onClick occurs for
that layer--kind of crude, and the "content" is not a separate .html file.
Works OK only if the "content" is a small amount of text.  If anyone knows
how to use CSS (without javascript) to work like a frame, I'd sure like to
learn how.

If I am hearing you correctly, you want the menu bar to have one background
and the content to have another. In a frameset, there will be no conflict
between background images in the two frames, as your frame/table
configuration shows.

In a CSS layout, you could design each division with a different background
(you'll probably have to use display:block; and set the widths carefully, or
use float, as somebody has already suggested).  Then you could position your
logo absolutely, so it sits on top of the background images in each
division, with any overlap you desire. You can see an example of this
layering technique at... http://www.qwertyarrow.com/webdesign/demo.htm
(click CSSP at top of the page)

Hope this helps. If not, maybe somebody else sees what you want...

Billy Dean
'98 XV1100
billy61(at)earthlink.net
http://www.qwertyarrow.com/virago.htm
"Don't give me no plastic saddle -- I want to feel that leather when I
ride..."

----- Original Message -----
From: "Wanda Hall" <wanda(at)wandaweb.com>
To: "Darrell King" <darrell(at)webctr.com>
Cc: <hwg-techniques(at)hwg.org>
Sent: Sunday, July 13, 2003 7:24 AM
Subject: Re: CSS Question


> I guess the best way to explain it is that I want two different
backgrounds, side by side, on one .html page.  The only way I can see to do
this is by creating tables to hold them.  Can you assign two body backgounds
to the same page in CSS? I tried with the DIV tag, and they show up, but one
background repeats horizontally and the other doesn't show up.  If I assign
the content portion to the background tag, both images show up, but again,
the menu portion repeats horizontally instead of vertically, on top of the
content background.  I've set the margins for the menu portion and it shows
up, but then again, won't repeat vertically for the entire page.

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA