A Very basic html Question...

Hi,

I need some help...

I am tring to create a small, rounded 'category' header for a site.

Eg. www.dabs.com (where the header says 'browse category' , 'my basket' etc)

Could somebody explain how I code a header like this to be curved at the top rather than just rectangle, without the need for inserting an image (if possible?

Thanks.

 

Have a look at Nifty corners it uses CSS and javascript

 

There isn't a way to do it with basic HTML or CSS alone. You need to use rounded corner images for each corner to do it without scripting, as far as I know.

The tool that dct mentioned looks pretty cool.


Scott

 

Dabs actually use background images to create those 'headers', the background images are referenced in the external css files.

So, you need to create an image and use it in the background attribute of the div you use to create those rounded corners.

 

you can use rounded images as backgrounds (the images can add to page loading time)
or use nifty as mentioned above (save loads of un-needed code and increases page loading time)

both have good/bad point.

 

Custard, I just saw this post in the other forum ... http://forums.digitalpoint.com/showthread.php?t=68858 which appears to have the very answer you are after

 

Thanks Tam. Yeah, i must have missed that on the search.

Thanks for the help guys.

 

cut a circle in 4 pices and use table. see www.coachingindians.com

this is very simple...

 

actually the nifty corners posted by dtc seems to be a very good solution!