Black horizontal HTML and CSS dropdown menu

Simple and modern looking black menu template, horizontal dropdown web navigation. I will make and share more color skins in one of next posts. Customizable width size, current width of the menu is 950px (to change it edit 5th row in CSS file). If you have an average CSS knowledge, it will be easy to understand and update any detail in CSS code.
Check also two more web navigations in PSD format – website navigation menus set and horizontal HTML & CSS navigation.

horizontal dropdown menu


File Size (ZIP): 5 KB
Full size – JPG preview: Black dropdown menu
Format: HTML and CSS
Color theme: black, gray
Keywords: download horizontal menu template, black web navigation, web design elements, make your own web navigation
Author: PSD Graphics

Download HTML and CSS source:

  • http://indevelopment Dane

    Very cool! I’m new to this type of functionality. Could someone show me what CSS code would create a second sub-level (2nd-tier?) of dropdown menus. In other words, a dropdown from a dropdown item?

    Thanks!

  • Ben

    Love your menu, so I was very determined to make it work in IE7, after trying out many methods with no result. Found the answer in microsoft website.

    Change the doc type fixed my problem, now it works in IE7, FF and Chrome.

  • Mary Ann

    This is fantastic, thank you, thank you. I’m new at HTML and CSS and have wanted to use something like this but couldn’t figure it out.

  • Steve

    for IE7 and above try to add:

    margin: 0;

    in

    ul.nav-sub

    p.s.
    these menu doesn’t work in IE6