Hi folks,
On: http://nerotic.net/aux/
I’m using CSS to turn navigation red to indicate location and it’s always worked in the past…but now it’s not and I have no idea why.
Here’s the code I’m using (no comments about the <br />, that’s going to be changed later on)
<table width="185">
<tr>
<td width="40" height="510"></td>
<td width="105" height="510"align="center" valign="middle">
<a href="index.php?page=soundwhy" class="lnav" id="soundwhynav">why<a/><br /><br /><br />
<a href="index.php?page=soundhow" id="soundhownav" class="lnav">how<a/><br /><br /><br />
<a href="index.php?page=soundwhat" id="soundwhatnav" class="lnav">what<a/><br /><br /><br />
<a href="index.php?page=soundwhere" id="soundwherenav" class="lnav">where <a/><br /><br /> <br />
<a href="index.php?page=soundwho" id="soundwhonav" class="lnav">who<a/>
</td>
<td width="40" height="510" style="border-right: solid gray 0px;"></td>
</tr>
</table>
and this is my CSS:
body#soundwhy a#soundwhynav,
body#soundhow a#soundhownav,
body#soundwhat a#soundwhatnav,
body#soundwhere a#soundwherenav,
body#soundwho a.lnav#soundwhynav,
{ color:#E3170D; }
As you can see I’ve tried reordering the elements (as silly as it might seem but nada.
I also can’t style the links by placing the class=“lnav” in the <table> or <td> tag and have no idea why that doesn’t want to take now.
I appreciate the advice.
I’ll repost when I’ve made some changes and hopefully continue to benefit from all your help.
Thanks again.
Ideally, you should mark up a menu like this as an unordered list ( <ul> </ul> )rather than as a table. Tables for layout of anything other than tabular data are well and truly out of date. 
I don’t disagree at all and I plan to CSSize all the declarations/attributes in the next day or two.
Clicking on that validator link upset my stomach a bit 
You’ve got <a/> instead of </a>, which seems to be stuffing things up.
When you get a problem like this, a good thing to try is to validate your page - you can then see if you’ve made any mistakes in the code (like that one), which might be causing problems.
http://validator.w3.org/check?uri=http://nerotic.net/aux
Oooh - 135 errors, that’s bad…
You really need to get rid of all those presentational elements from the HTML, and put them in the CSS. You should also try to get rid of the layout tables and do the whole layout with CSS. If that’s too much of a step, at least try to keep your site to just one layout table, rather than 9 of the wretched things…
Edit Ralph’s right, it looks like it’s that extraneous comma that is causing the problem in this case. But the problem’s I mentioned are still problems, and you could still do with getting them fixed…
Hi nerotic, welcome to the friendly world of SitePoint!
it’s always worked in the past
What you haven’t done in the past, no doubt, is let a little comma slip through before your first curly brace
body#soundwhy a#soundwhynav,
body#soundhow a#soundhownav,
body#soundwhat a#soundwhatnav,
body#soundwhere a#soundwherenav,
body#soundwho a.lnav#soundwhynav[COLOR="Red"][SIZE="7"],[/SIZE][/COLOR]
{ color:#E3170D; }
Don’t worry, it happens to the best of us!
