how to make like this rounded corner nav bar plz??

[webdesigner82]

hi guys , i have a template that i made ,i want to code it , then i can’t figure out how to code my rounded corner nav bar ,take a look at the image tooken from psd.

[img]http://img195.imageshack.us/img195/75/menui.gif[/img]

[apostrophe]

Slice out the image in photoshop, save for web and apply it as a background image to your nav ul with css.

[webdesigner82]

this is the simplest way , there must be one or more proffesional way to do it , slicing each element by itself : items divider , corners …..
thank’s apostrophe

[AshtonSanders]

You can slice it a million times, but every new image is a new HTTP request that your viewer have to do. Not that it matters much on large sites, having one HTTP request to one image is "better" than 5 separate HTTP requests for 5 images.

Since you are using a simple font I would be sure to take the font off the slice before creating the image (just in case.)

[webdesigner82]

okey i got u man , just was trying to customize it instead of making all the long image as a ul background .
what you mentioned about http request is an important point to pay attention to .
after i will finish my template coding ,i would like someone of to review it then emphsize on my faults.
thank’s guys good week-end

[AshtonSanders]

Sure man, just put it up in the Gallery Forum and ask for critiques ;)

[Author]

Posts