Sent by Porter Glendinning on 30 September 2002 04:04
At 10:36 PM 9/29/2002, David Bailey digitized these thoughts:
>Please look at http://http://66.227.56.7/~dalynco/
[snip]
>The "Home" link is the correct font, so it picks up the pseudo-class
>selector okay, but does not inherit the hover and active
>characteristics as seen in all the other links in the bar.
The problem is in your markup for those links:
<div align="center">
<p><a href="index.html"><span class="footernav">Home</span></a>
<span class="footernav"><font color="#000066">|</font>
...</span></p>
</div>
Because the "Home" link has that span inside of it, the property
settings in rule with the selector ".footernav" override all the link
pseudo-class rules. If you want all the links in that footer to be
styled the same, changing the markup to something like this should
cause your CSS to be applied consistently:
<div align="center">
<p class="footernav"><a href="index.html">Home</a>
<font color="#000066">|</font>
...</p>
</div>
Of course, there are plenty of other markup issues that could be
resolved while you're in the code, but that one should solve your
particular problem.
- Porter
+--------------------------------------------------------+
| Porter Glendinning [EMAIL-REMOVED] |
| Web/UI Commando http://glendinning.org |
+--------------------------------------------------------+
| Porter's Workshop - http://www.serve.com/apg/workshop/ |
+--------------------------------------------------------+