Feb 18th, 2007, 03:05
|
 |
SuperMember
|
|
Join Date: Jan 2007
Location: You know where
Age: 31
Posts: 4,617
Thanks: 0
Thanked 0 Times in 0 Posts
|
|
|
Re: why are my links looking like this!?
Add height: 1px; to #nav-list a {
- Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css" media="all">
* {
padding: 0;
margin: 0;
}
body {
font: 100% Arial, Helvetica, sans-serif;
}
#nav-list {
font-size: .80em;
list-style-type: none;
margin: 0;
padding: 2px;
border: 1px solid #333;
width: 160px;
}
#nav-list a {
text-decoration: none;
background: #FFFFCC;
display: block;
padding: 2px 5px;
height: 1px;
}
</style>
</head>
<body>
<ul id="nav-list">
<li><a href="#">Star Wars</a></li>
<li><a href="#">Empire Strikes Back</a></li>
<li><a href="#">Return of the Jedi</a></li>
<li><a href="#">Prequel News</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Links</a></li>
</ul>
</body>
</html>
|