Menu
I’m working on an expandable menu and I want to have a further nested menu of a list of people. I can’t figure out what to do to make it work.
[code]
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html>
<head>
<title>Company</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=ISO-8859-1″>
<script type=”text/javascript” src=”expandingMenu.js”></script>
<style type=”text/css”>
ul#menu {
width: 150px;
list-style-type: none;
border-top: solid 1px #b9a894;
margin: 0;
padding: 0;
}
ul#menu ol {
display: none;
text-align: left;
list-style-type: none;
margin: 4;
padding: 5px;
}
ul#menu li,
ul#menu a {
font-family: verdana, sans-serif;
font-size: 12px;
color: #785a3c;
}
ul#menu li2,
ul#menu a {
font-family: verdana, sans-serif;
font-size: 12px;
color: #785a3c;
}
ul#menu li {
border-bottom: solid 1px #b9a894;
line-height: 15px;
}
ul#menu ol li {
border-bottom: none;
}
ul#menu ol li li2 {
border-bottom: none;
}
ul#menu ol li:before {
content: “- “;
}
ul#menu ol li li2:before {
content: “- “;
}
ul#menu a {
text-decoration: none;
outline: none;
}
ul#menu a:hover {
color: #539dbc;
}
ul#menu a.active {
color: #be5028;
}
</style>
</head>
<ul id=”menu”>
<li>Company
<ol>
<li>About</li>
<li>Services</li>
<li>People</li>
<li>F.A.Q.</li>
<li>Clients</li>
</ol>
</li>
</ul>