Drop down Navigation menue

  • Thread starter Thread starter Amateur
  • Start date Start date
A

Amateur

Dear Sirs

I have the following html code for my navigation:

<!-- menu -->
<div id="menu">
<ul>
<li><a href="#">Contacts</a></li>
<li><a href="#">Solutions</a></li>
<li><a href="#">Partners</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Home</a></li>
</ul>
</div>

I have the following style css for that menu:

/* Menu */
#menu{
background:url(images/menu_bg.gif) top left repeat-x;
width:960px;
height:31px;
margin-top:25px;
position:absolute;
}

#menu ul{
list-style:none;
margin:0px;
padding:0px;
}

#menu ul li{
float:right;
margin-right:15px;
margin-top:5px;
}

#menu ul li a{
display:block;
background:url(images/menu.png) top left no-repeat;
height:16px;
width:49px;
text-decoration:none;
color: #000000;
font-size:12px;
text-align:center;
cursor:pointer;
padding-left:25px;
padding-top: 2px;
}

Now I would like to expand the "Service" item with the help of a drop down
menu. Can someone tell me how?
Many thanks in advance.
Klaus
 
Back
Top