Sent by Peter Williams on 30 September 2002 04:04
> -----Original Message-----
> From: David Bailey
>
> http://http://66.227.56.7/~dalynco/
> The style sheet can be found at
> http://66.227.56.7/~dalynco/dalynstyles.css
>
> I am having trouble getting the bottom navigation links to perform
> correctly. The first item ("Home") is obviously not picking up the
> style from the style sheet correctly
>
Maybe clean up this schamozzle first :-)
<div align="center">
<p><a href="index.html"><span class="footernav">Home</span></a>
<span class="footernav"><font color="#000066">|</font>
<a href="#">Program Overview</a><font color="#000066"> |</font>
<a href="#">Program Details</a> <font color="#000066">|</font>
<a href="#">Customization</a> <font color="#000066">|</font>
More of the same snipped
</span></p>
</div>
I'd ditch the spans and make it
<div class="footernav">
Then style that to get the same visual result.
ie.
.footernav { font-family: Arial, Helvetica, sans-serif;
font-size: 10px; color: #000066; }
.footernav a:link { color: #FF0000; text-decoration: none}
.footernav a:visited { color: #FF0000; text-decoration: none}
.footernav a:hover { color: #990033; text-decoration: underline}
.footernav a:active { color: #660033; text-decoration: underline}
At present your spans stop and start and leave out the "Home" link.
--
Peter Williams