Revision: 21989
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at December 28, 2009 09:24 by thehamilton
Initial Code
<style type="text/css">
#myAnncBox {
position: absolute;
top: 200px; left: 0; z-index: 10;
width: 150px;
margin: 0; padding: 0;
}
.anncList {
list-style-type: none;
width: 150px;
margin: 0; padding: 0;
}
.anncList li {
display: block;
width: 150px;
margin: 0; padding: 0;
line-height: 0;
font-size: 0;
}
a.anncListLink:link, a.anncListLink:active, a.anncListLink:visited {
display: block;
font: bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #003366;
text-decoration: none;
margin: 0; padding: 0;
backgroundcolor: #FFF;
cursor: pointer;
border-bottom: 1px solid #CCC;
}
a.anncListLink:hover {
color: #FFF;
background-color: #003366;
border-bottom: 1px solid #000;
}
.anncListLink em {
display: block;
width: 130px;
margin: 0 10px; padding: 10px 0;
font-style: normal;
}
</style>
<div id="myAnncBox">
<ul class="anncList">
<li>
<a href="#" class="anncListLink" title="Link Item">
<em>Find a Physician</em>
</a>
</li>
<li>
<a href="#" class="anncListLink" title="Link Item">
<em>Driving Directions</em>
</a>
</li>
<li>
<a href="#" class="anncListLink" title="Link Item">
<em>Newsletter Signup</em>
</a>
</li>
<li>
<a href="#" class="anncListLink" title="Link Item">
<em>Medical News</em>
</a>
</li>
</ul>
</div>
Initial URL
simple_nav_list
Initial Description
A simple vertical navigation using UL. Nothing fancy but it's solid.
Initial Title
Simple Verticle Nav List
Initial Tags
Initial Language
HTML