CSS Drop-Down Navigation Menu

www.pixelforlife.com
We create a drop down navigation menu using only HTML and CSS. No Javascript in this menu!

Download the Project files here:
http://www.pixelforlife.com/css-drop-down-navigation-menu

Category:

Howto & Style

Tags:

• pixelforlife
• html
• css
• html5
• css3
• hover
• link
• menu
• item
• code
• design
• write
• drop
• down
• navigation

[Chitzy2Ritzy]

perfect tutorial GOD bless u very much.

[pfltuts]

@Chitzy2Ritzy Thank you! I'm glad you enjoyed the tutorial.

[minidevelop]

i am always slightly confused as to why you have never changed your youtube background, seems like you can make a really nice one in Photoshop so please enlighten me :D

[pfltuts]

@minidevelop Haha, that is definitely in our plans for the near future. Unfortunately Shannon and I have just been way too busy lately.

[kurnellampdwarf]

I swear man, your tutorials are so nice and neatly organized, even your narrating is good.

[pfltuts]

@kurnellampdwarf Thank you so much for the compliment!

[MrSouf36]

0 dislikes ...wowww time to make one ;)

[googlesuckscrap]

Thanks bossman

[swstiglich]

@swstiglich radius can ofcourse be changed



[swstiglich]

add these lines of code to "#nav" to add nice rounded ends to you menu bar:

-moz-border-radius: 30px; border-radius: 30px; border: #000000 solid 3px;

[mcbudokay]

Thanks Thanks, just keep doing your great work

[J03lfolkesson]

One Question. even tho i copied your files from the website. my UL links wont show up. it's all just transparent. what could be wrong? and when i hover over it it shows up.. and i cant move my mouse over the boxes. it disappears.

( my website isn't always avaliable but. h t t p datorsupport dyndns . org /joel thx

[J03lfolkesson]

One Question. even tho i copied your files from the website. my ul links wont show up. it's all just transparent. what could be wrong? and when i hover over it it shows up.. and i cant move my mouse over the boxes. it disappears.

( my website isn't always avaliable but.

[HeroSpiderman]

Thanks for the CSS tut!

[2razzi]

realy thanx but result is not well pls record with zoom