dcr33
07-31-2011, 04:11 PM
I am trying to create a vertical menu with fly outs .That is a vertical menu with sub-menus.What is wrong with the following code?
<html>
<head>
<title>Untitled Document</title>
<style type="text/css">
#navmenu ul ul li a
{border:1px solid #888888;
border-bottom: none;
font-size:12pt;
line-height: 1.6em;
color:#303030;
background-image:none;}
#navmenu {
width: 150px; /* set width of menu */
}
#navmenu ul
{list-style-type:none;
margin:0px;
padding:0px;}
#navmenu li {
/* make the list elements a containing block for the nested lists */
position: relative;
}
</style>
</head>
<body>
<div id="navmenu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<
<li><a href="#">Websites</a></li>
<li><a href="#">Photos</a></li>
</ul>
</div>
</body>
</html>
<html>
<head>
<title>Untitled Document</title>
<style type="text/css">
#navmenu ul ul li a
{border:1px solid #888888;
border-bottom: none;
font-size:12pt;
line-height: 1.6em;
color:#303030;
background-image:none;}
#navmenu {
width: 150px; /* set width of menu */
}
#navmenu ul
{list-style-type:none;
margin:0px;
padding:0px;}
#navmenu li {
/* make the list elements a containing block for the nested lists */
position: relative;
}
</style>
</head>
<body>
<div id="navmenu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<
<li><a href="#">Websites</a></li>
<li><a href="#">Photos</a></li>
</ul>
</div>
</body>
</html>