Page is a not externally linkable
- Code, Content, and Presentation
-- CSS
---- CSS replicate table behaviour


music_man - 11:12 pm on Jul 1, 2008 (gmt 0)


I've changed it to a list:


#navigation ul
{
margin: 0;
padding:0;
background: #759dd5;
width: 100%;
overflow: hidden;
}
#navigation ul li
{
float:left;
list-style: none;
padding-bottom: 5px;
}
#navigation a
{
border-right: 1px solid #fff;
line-height: 140%;
display: block;
width: 130px;
padding: 5px 0 100px 0;
margin: 0 0 -100px 0;
text-align: center;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
color: #fff;
text-decoration: none;
font-family: "Trebuchet MS", verdana, sans-serif;
}

.current_page_item a, #navigation a:hover
{
background: #c65528;
}


<div id="navigation">
<ul>
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li class="current_page_item"><a href="#">Item 3</a></li>
</ul>
</div>


Thread source:: http://www.webmasterworld.com/css/3682100.htm
Brought to you by WebmasterWorld: http://www.webmasterworld.com