This is a clean, professional looking horizontal CSS menu. I added a mouseover effect to it. You can copy everything or use it as a reference to another horizontal CSS Menu. I have tested this menu in IE5+, Firefox, Opera and Safari.
Preview:
Download Files:
Download (5 KiB, 2,946 hits)Popularity: 22% [?]
August 4th, 2007 at 5:10 pm
Hi everyone!
I just noticed Google Highlighter makes a mess in the CSS code above (recurrence of the word “Right” for “#menu ul li.right” ). I will try to fix this as soon as I can. In the meantime, remove manually this word.
August 5th, 2007 at 1:59 am
Hi there Jeremie !
Wowie ! this latest post of yours looks incredible.
This design is really off the hook.
I’m gonna study your code thoroughly.
Great job !
Thanks so much for sharing your expertise.
Kind regards.
Marc
August 5th, 2007 at 5:35 pm
really nice tutorial,
thanks buddy will take a look at more of your site
August 5th, 2007 at 5:50 pm
Thx! Glad to know you like it.
August 18th, 2007 at 8:16 pm
[...] top Posts Horizontal CSS Menu with mouseover effect. PHP Contact Form ScriptCSS Remix has just been hackedCSS 3 columns Liquid Layout (Fluid-Fix)Improve [...]
September 30th, 2007 at 2:25 am
[...] Horizontal CSS Menu with mouseover effect: Menu horizontal en CSS muy limpio, profesional. Posee un efecto de Mouseover. Puedes copiar todo o utilizarlo como referencia para otro menú horizontal en CSS. Trabaja bien en IE5+, Firefox, ópera y safari. Demo - Descarga - web-kreation [...]
September 30th, 2007 at 2:50 am
[...] Web-Kreation.com [...]
August 1st, 2008 at 9:57 pm
very nice css menu and tutorial. Your site is offering a lot of goodies for free. Thanks a lot for sharing them.
August 1st, 2008 at 9:58 pm
You are welcome!
October 23rd, 2008 at 10:09 am
love that tuts jeeremie.. oOo yeah don’t forget the viralnetworks.com thank you very much..
October 28th, 2008 at 1:02 pm
hy jeeremie,
great job and very nice work