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 { margin: 0; padding: 0 0 20px 10px; border-bottom: 1px solid #000; } #navlist ul, #navlist li { margin: 0; padding: 0; display: inline; list-style-type: none; } #navlist a:link, #navlist a:visited { float: left; line-height: 14px; font-weight: bold; margin: 0 10px 4px 10px; text-decoration: none; color: #999; } #navlist a:link#current, #navlist a:visited#current, #navlist a:hover { border-bottom: 4px solid #000; padding-bottom: 2px; background: transparent; color: #000; } #navlist a:hover { color: #000; }
@