Hi Kelly,
Originally I did try this setup (with H2 and UL instead of divs)! The
problem I ran into is that I had to slice up that cable image big
because of the gradient fade. And then my content text was too
short... it was hidden by the extra white space in the image. I tried
z-indexes but no avail.
Maybe I need to try this again in a clean setup to see if there is a
way around it.
ted
> div#wrap {position: relative; (rest of styles...)}
> div#cables {position: absolute; top: 0; right: 0; background-image:
> url(cable background image); width: (width of image); height: (height of
> image)}
>
> Then you just have to give the other three <div>'s margins equal to that
> image's width (don't make them shorter than that image, though; if you
> want the text to stop before the cable image, use padding). That frees
> up the backgrounds of the <div>'s for whatever else you want, and the
> plus is that you don't have to slice the image up at all. As long as
> you get enough of the graphic that the entire fade is part of the
> graphic, then it'll line up. Even better than this, use an <h2> for the
> "first line of text" (since it's a secondary header), and use an
> unordered list (<ul>) for the links below that. Then you don't have to
> use <div>'s at all (<div is technically only supposed to be for
> situations where no other element makes sense. Here, an <h2> and a <ul>
> make more semantic sense, though you have to float the <li>'s to make it
> horizontal).
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
