OK. I’m sure I’m missing something very simple, but I’m loosing hair over here. Please help.
I have a navigation list where I set the the links to… here’s the code…
#siteNav { position:absolute; width:140px; top:120px; left:-140px; text-align:right; line-height:1.7em; font-size:16px; }
#siteNav ul { list-style:none; }
.border { border-bottom:1px dotted #666; }
#siteNav a:link, a:visited { display:block; padding:1px 9px 1px 1px; color:#422f4f; text-decoration:none; }
#siteNav a:hover, a:active { padding-right:5px; background-color:#c4b8cc; color:#fff; border-right:4px solid #422f4f;}
This works fine for the siteNav list.
However, it seems that no matter how I try and reset the display property, or where I place the navigation (before or after the main content), the “a” links throughout the site inherit the display:block, and the text color?
a:link, a:visited { display:inline; color:#dfc9e1; text-decoration:none; border-bottom:1px dotted #dfc9e1; }
a:hover, a:active { color:#fff; }
Am I just missing something simple here?
You can see what I mean here…
http://jason-and-katie.com/gallery.php
Thanks,
wheatleyweb