Drop down Navigation menue


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
 
Ad

Advertisements


Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top