Sent by Rahul Gonsalves on 26 February 2006 07:07
Hi Debbie:
Iorhael wrote:
> I am drafting up a new layout here and was wondering if there would be any way to tweek the menu
links to seamlessly extend the dashed line (a left border on the content div) up to right under the
banner.
>
Unfortunately, as they are two different sets of containers, you would
not be able to do that. However, if you change your markup slightly,
wrap a "border" div around the blue area, and assign that a
background-image, that would work quite well.
So:
<div id="border">
<div id="menu">
[--Snip!--]
</div><!--End Menu Div-->
<div id="content">
[--Snip!--]
</div><!--End Content Div-->
</div><!--End Border Div-->
In your CSS, you would have to add a background-image to #border, which
was set to repeat-y. You could use a small image file, with your current
width (776px?), and about 10px tall, to duplicate the border effect.
This approach is essentially the same as A List Aparts faux columns
approach. You can read more on that here [1].
> Thanks!
>
> Debbie
>
> www.drkdesign.com/chloejoseph/
>
Regards,
Rahul
[1] http://alistapart.com/articles/fauxcolumns/
--
.. . . . . . . . . . . . . . . . . . . . . . . .
Rahul Gonsalves
Make PNG, not War.
.. . . . . . . . . . . . . . . . . . . . . . . .
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
