Is this possible - if so - how

[Wulfgen]

I have a column with css applied, the column, at the bottom I have an image with a rounded corner set (this spans the width of the column with a left rounded edge (I have the art 2times the width of the column=290px)- however on the right side I would like to add another image (having a corresponding right curved edge) - that way the column would have a rounded edge (both sides) even if the column is made smaller or wider.

Have I made any sense? I'm trying to make the columns have a round edge - rather than the standard straight edge - this is inside a shopping cart layout so I can only "fiddle" with the existing css (shown)


.nav_block div.nav_block_content {
border-bottom: silver solid 0px;
padding: 0px 5px 10px 15px;
width: 145px;
background:url('blue_round/colbase.jpg') bottom no-repeat;
}

 

[BillyRayPreachersSon]

While there are proposals to allow multiple background images using CSS, this isn't something that the majority browsers support (i.e. IE6, IE7).

Your best bet would be to absolutely-position an element to the bottom-right which contains your rounded corner graphic.

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[Wulfgen]

Not gonna work that way - oh well - the nav, container, main blocks are divs and the style of them is defined in the css - dang!