Log in

View Full Version : CF Navigation Menu



sullyman1
12-02-2007, 05:44 PM
Hi guys,

How do i make this menu curved on top also so it is fully curved on left/right hand side.

http://www.dynamicdrive.com/style/csslibrary/item/cf-navigation-menu/

Only beginning CSS so i'm a bit stuck. I can copy the left and right side images and invert them etc. but i'm not having any luck with the CSS/HTML Code.

I have also tried to insert a small picture instead of a text link and this also seems to mess the menu.

Any help would be appreciated.

Thanks,
S

BLiZZaRD
12-02-2007, 06:22 PM
So you want like a circle?

If just "rounded" take a look here and find Professional #6 (http://www.cssplay.co.uk/menus/pro_horizontal.html)

If you want to use your own images, you can look at a CSS with images tutorial I wrote by clicking HERE (http://outsidetheurl.com/FrozenCoyoteLabs/Codes) to get an idea how it works.

sullyman1
12-02-2007, 06:43 PM
Hi Blizzard,

Thanks for reply.

I only want full round corners at the start and end of the horizontal menu and keep the existing dividers etc.

Is there a way i can do this?

Thanks,
S

sullyman1
12-04-2007, 05:09 PM
Hi,

I have attached a pic on what i'm trying to do.

Please help.

Thanks,
S

BLiZZaRD
12-04-2007, 06:09 PM
If you have the talent I would suggest just using your own graphics. Then using the graphics menu tutorial I linked you to above (the one I wrote) It will work for you and is cross browser compatible, so you don't have to worry about that, plus it validates CSS and HTML 4.01 Strict.

sullyman1
12-04-2007, 06:19 PM
Thanks for reply blizzard but the example doesn't show me what i'm trying to achieve (I think)

I'm not good at CSS so any help is great on how i can do this.