logo       

Re: cascading problem in navigation links?: msg#01266

Subject: Re: cascading problem in navigation links?
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      mailto:porter@xxxxxxxxxxxxxxx  |
| Web/UI Commando                http://glendinning.org  |
+--------------------------------------------------------+
| Porter's Workshop - http://www.serve.com/apg/workshop/ |
+--------------------------------------------------------+


_______________________________________________
css-discuss [css-discuss@xxxxxxxxxxx]
http://three.pairlist.net/mailman/listinfo/css-discuss
Sponsored by www.westciv.com - CSS resources | software | learning



<Prev in Thread] Current Thread [Next in Thread>