backgounds areas with rounded corners

[JontyMC]

I am trying to emulate this web page using as few images as possible:

http://www.highwaycode.gov.uk/index.shtml

Is there a way I can make the rounded corners on the background of the menu's without using images? If not, whats the best way to do it? My thought was to use 4 small gifs with transparency, one for each corner. Is this the most efficient way?

Thanks,

Jon

 

[mkrausnick]

Check out 'the css edge' at

http://www.meyerweb.com/eric/css/edge/curvelicious/demo.html

. this is a great site for intermediate to advanced CSS techniques. The technique for curves does use graphics, but they are very small ones and stack together to make the curve. The focus of the demo is getting text to follow a curve, but maybe you can pick up something there.

Mike Krausnick
Dublin, California

 

[deecee]

nice toot -- i might find use for it down the road

<Signature>
Sometimes the Answer You Are LOOKING for can be FOUND BY SEARCHING THE FAQ'S @&%$*#!!!
</Signature>

 

[philote]

If the menu's are going to be a fixed size, can't you just use a single gif as the background with the outside of the curves being transparent?

And if it's not a fixed size, perhaps create a 3x3 table, with either an image or backgroun din each cell or an image in each corner cell and a matching background color to match. All your menu items could then go in the center cell of the table.
[tt]
----------------
|-+--------------+-|
| | Menu item | |
| | Menu item | |
| | Menu item | |
| | Menu item | |
|-+--------------+-|
----------------[/tt]

Kevin
A+, Network+, MCP