preston-net
blog
wiki
photo
shop
news
RSS Antenna
Here is the HTML for this list:
<div id="navcontainer"> <ul id="navlist"> <li><a href="http://www.preston-net.com/" title="preston-net">preston-net</a></li> <li><a href="http://kengo.preston-net.com/" title="blog">blog</a></li> <li><a href="http://www.preston-net.com/wiki/" title="wiki">wiki</a></li> <li><a href="http://www.preston-net.com/futurephoto/index.shtml" title="photo">photo</a></li> <li><a href="http://www.preston-net.com/shopping/index.shtml" title="shop">shop</a></li> <li><a href="http://www.preston-net.com/news/rss/recent_entry.html" title="news">news</a></li> <li><a href="http://www.preston-net.com/antenna/rss/recent_entry.html" title="RSS Antenna">RSS Antenna</a></li> </ul> </div>
Here is the CSS for this list:
#navcontainer { width: 200px; } #navcontainer ul { margin-left: 0; padding-left: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; } #navcontainer a { display: block; padding: 3px; width: 160px; background-color: #036; border-bottom: 1px solid #eee; } #navcontainer a:link, #navlist a:visited { color: #EEE; text-decoration: none; } #navcontainer a:hover { background-color: #369; color: #fff; }