Click to See Complete Forum and Search --> : Adding a second level


can_add
03-23-2007, 09:53 AM
ok I'm new to css and I'm working on a menu for a web site. I need to add a second level to the menu (drop down, or over) How do I go about doing this...

here what i have so far

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
font-size: 10pt;
font-weight: bold;
}

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


#menu {
width: 200px;
border-style: solid solid none solid;
border-color: #94AA74;
border-size: 1px;
border-width: 1px;
margin: 10px;
}

#menu li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}

#menu li a:link, #menu li a:visited {
color: #FFFFFF;
display: block;
background: url(images/menu1.gif);
padding: 8px 0 0 10px;
}

#menu li a:hover {
color: #417CC0;
background: url(images/menu1.gif) 0 -32px;
padding: 8px 0 0 10px;
}

#menu li a:active {
color: #FFFFFF;
background: url(images/menu1.gif) 0 -64px;
padding: 8px 0 0 10px;
}

</style>
</head>

<body>
<div id="menu">
<ul>
<li><a href="#1" title="Home">Home</a></li>
<li><a href="#2" title="About">About</a></li>
<li><a href="#3" title="Services">Services</a></li>
<li><a href="#4" title="Portfolio">Portfolio</a></li>
<li><a href="#5" title="Store">Store</a></li>
</ul>
</div>
</body>
</html>

how do I add a drop down, or drop over

Thanks

ray326
03-23-2007, 01:20 PM
This is my favorite way of doing it.

http://juicystudio.com/article/ecmascriptmenu.php