Vertical Menu with flyouts

**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?

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>

Thread: Vertical Menu with flyouts

Thread Tools

Search Thread

Vertical Menu with flyouts

Bookmarks

Bookmarks

Posting Permissions