|
| |
|
|
MCD
Posts: 660
Joined: 3/19/2002
From: Al USA
Status: offline
 |
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>
_____________________________
Author of " How To Build A Website With Duct Tape"
|
|
|
|
MCD
Posts: 660
Joined: 3/19/2002
From: Al USA
Status: offline
|
RE: Horizontal Link Help - 5/12/2008 14:57:47
Thanks a ton Tailside. I'm trying to learn more CSS and I'm sweating over a little typo.
_____________________________
Author of " How To Build A Website With Duct Tape"
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
