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:
#navlist ul { margin-left: 0; padding-left: 0; white-space: nowrap; } #navlist li { display: inline; list-style-type: none; } #navlist a { padding: 3px 10px; } #navlist a:link, #navlist a:visited { color: #fff; background-color: #036; text-decoration: none; } #navlist a:hover { color: #fff; background-color: #369; text-decoration: none; }