PDA

View Full Version : Ok first problem.


Creative Insanity
09-07-2006, 09:05 PM
Redoing my site without tables and hit my first snag.

The nav bar looks wrong on only ONE link and no idea why.
IE and FF show differant imperfections on differant lnks as you can see on the image below.

Anyway the css looks like:
#nav{
margin-top:3px;
margin-bottom:3px;
background-color:#e5fcfc;
text-decoration:none;
}
#nav ul{
padding: 0;
margin: 0;
background-color:#e5fcfc;
color:#28969b;
text-align:right;
margin-right:20px;
}
#nav ul li{
display: inline;
padding: 0;
margin: 4px;
}
and the page code:
<div id="nav">
<ul>
home (inc/pages.php?cat=home)
blog (inc/pages.php?cat=blog)
danDont applications (inc/pages.php?cat=dda)
danDont (http://www.danDont.com)
cinema secrets (http://www.cinemasecrets.net)[/list]</div>
My question is why?

Creative Insanity
09-07-2006, 09:49 PM
Hey there Ci. I know what is wrong.. you just need to add this to your css file.
#nav a:visited{
font-size: 10px;
font-weight: bold;
color: #28969B;
text-decoration: none;
}

As you can take it.. problem solved. LOL

chriskq
09-08-2006, 05:47 AM
also, to avoid IE doubling your margins - i only use display: inline on elements that i have floated (as when u float, IE doubles the margin)

Creative Insanity
09-08-2006, 07:26 PM
Yip know that chris