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 PROTECTED]
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/

Reply via email to