UPDATE
It seems that whenever I take out float: left; out of the #navbar declaration, the links become clickable but then the list loses it's alignment on the page. How can I fix this? The souce below and on the supplied pages hasn't changed from what I have now
/UPDATE
My little navbar:
<div id="navbar">
<ul class="nav">
<li class="title"> ALEXGLOVER.COM </li>
<li class="item"><a href="index.html">HOME </a></li>
<li class="item"><a href="index.html">ABOUT </a></li>
<li class="item"><a href="index.html">CONTACT </a></li>
<li class="title"> WORKS </li>
<li class="item"><a href="index.html">MUSIC </a></li>
<li class="title"> MISC </li>
<li class="item"><a href="index.html">LINKS </a></li>
</ul>
</div>
and it's corresponding CSS
#navbar
{
float: left;
margin-left: 1px;
margin-right: 50px;
border-color: #EEEEEE;
border-width: 1px;
border-style: solid;
width: 20%;
}
ul.nav
{
list-style: none;
padding: 0px;
margin: .1em;
}
li.item
{
background-color: #648cc8;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
li.title
{
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
background-color: #0f64c8;
color: #FFFFFF;
font-weight: bold;
font-size: 12px;
text-align: center;
text-transform: uppercase;
}
li a
{
color: #CCCCCC;
text-decoration: none;
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
Problem? My links aren't working, can't click em and even with the mouse over them they don't change and neither does the cursor.
[Edited by - Ekim_Gram on August 31, 2005 11:12:52 PM]