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:

One Response to “Black horizontal HTML and CSS dropdown menu”

  1. robash0155 says:

    Great =) How do place it on the centre of the page ??

  2. Dane says:

    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?


  3. Ben says:

    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.

  4. Mary Ann says:

    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.

  5. Steve says:

    for IE7 and above try to add:

    margin: 0;



    these menu doesn’t work in IE6

Leave a Reply

You must be logged in to post a comment.