How to make a drop down menu?

Question

Using CSS style Sheet

I have the button images, I want to add a button images in to my web page menus

For Example

Home           Contact 
 ->Aboutus        -> Location 

Home, Contact (menu)
Aboutus, Location(sub menu)

Button images name - button1.jpg

I want to add a my button image in the background of menus and sub menus

am new to web page designer

Need CSS Style Sheet Code.

Answer 1

You need to use: CSS background-image Property

Example:

.menu
{
  background-image:url('image.gif');
}

Then in your html add the above class:

<ul>
  <li class="menu">Home</li>
  <li class="menu">About Us</li>
  <li class="menu">Contact Us</li>
</ul>

Answer 2

Pure CSS Dropdown Menu: http://meyerweb.com/eric/css/edge/menus/demo.html

Horizontal Dropdown Menu: http://www.alistapart.com/articles/horizdropdowns/

CSS-Javascript Dropdown menu: http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm