|
MCD -> Horizontal Link Help (5/12/2008 12:59:28)
|
I am having fits with a horizontal list that I will use for links. For some reason I'm missing the boat. Can anyone help?
Here is my CSS
#outerWrapper #top_Navigation ul {
list-style-type: none;
width: 100%;
padding: 0px;
margin: 0px;
}
#outerWrapper #top_Navigation li {
float: left;
}
#outerWrapper #top_Navigation li a:link {
color: #eaeff5;
text-decoration: none;
display: block;
border: 1px solid #ff0000;
padding-right: 5px;
padding-left: 5px;
background-color: #2d2e2e;
margin-right: 2px;
}
#outerWrapper #top_Navigation li a:hover {
color: #eaeff5;
text-decoration: none;
border: 1px solid #00ff00;
background-color: #2d2e2e;
}
Here is the HTML
<div id="topNavigation">
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#"> Link 3</a></li>
<li><a href="#"> Link 3</a></li>
</ul>
</div>
|
|
|
|
