Best way to have 'rounded corners' in a block/section

[Dan V.]

What is the best way to have a background image stretch and have the 'left
rounded corner' look.

Please see the top header at this website for an example: www.kingtree.ca
and http://www.officeactivate.com What I have works, but fails in
Dreamweaver 2004 validation of CSS. I would like it to be valid CSS.

This is the 'bad' code: (but works in IE6 and FireFox 1.x / Mozilla)

<table width="100%" border="0" cellpadding="0" cellspacing="0"
BACKGROUND="/images/HeaderMid.gif">
<tr>
<td width="17"><img src="/images/HeaderTop.gif" width="17" height="142"
border="0"></td>
<td width="100%" height="100%">&nbsp;</td>
</tr>
</table>

Any advice?
Thanks, Dan.V.

[Darin McGrew]

Dan V. <[e-mail]> wrote:

What is the best way to have a background image stretch and have the 'left
rounded corner' look.

Please see the top header at this website for an example: www.kingtree.ca
and http://www.officeactivate.com What I have works, but fails in
Dreamweaver 2004 validation of CSS. I would like it to be valid CSS.

Have you seen ALA's examples?
http://www.alistapart.com/articles/customcorners/
http://www.alistapart.com/articles/customcorners2/
--
Darin McGrew, mc****@stanfordalumni.org, http://www.rahul.net/mcgrew/
Web Design Group, da***@htmlhelp.com, http://www.HTMLHelp.com/

"Experience is what allows you to recognize a mistake when you make it again."

[Wolfgang Meier]

Dan V. wrote:

What is the best way to have a background image stretch
and have the 'left rounded corner' look.
Please see the top header at this website for an example: www.kingtree.ca

Long as you only want one corner rounded there's a simple solution:

<h1 style="display: block; background-color: green; background-image:
url(whitecorner.png); background-repeat: no-repeat;">Header</h1>

Wolf

[dwight.stegall]

This tool will make it for you and even color the corner images. Works
with any solid color page background color.
http://www.neuroticweb.com/recursos/css-rounded-box/

[Dan V.]

"Wolfgang Meier" <wo***@sofort-mail.de> wrote in message
news:11**********************@z14g2000cwz.googlegr oups.com...

Dan V. wrote:

What is the best way to have a background image stretch
and have the 'left rounded corner' look.
Please see the top header at this website for an example: www.kingtree.ca

Long as you only want one corner rounded there's a simple solution:

<h1 style="display: block; background-color: green; background-image:
url(whitecorner.png); background-repeat: no-repeat;">Header</h1>

Wolf

This does sound simple. I guess I would need two background images though.
My background is not a straight colour.