Question

This site is turning into a mess.
I can’t seem to get the left side navigation to look the way I want.

I think it’s something simple but I can’t see it.

this is the CSS:

a.col1:link {color:#FFF}      /* unvisited link */
a.col1:visited {color:#00F}  /* visited link */
a.col1:hover {color:#FF0}  /* mouse over link */
a.col1:active {color:#00F}  /* selected link */

here is the html:

<ul class="col1"><li><a href="see_autos.asp>car</a></li></ul>

Answer 1

You need to apply the styles of the CSS pseudo-class directly to the A tags themselves. As you show, they are descendants of the UL LI tags in your structure, so that’s how you can select them.

ul.col1 li a:link {color:#FFF}      /* unvisited link */
ul.col1 li a:visited {color:#00F}  /* visited link */
ul.col1 li a:hover {color:#FF0}  /* mouse over link */
ul.col1 li a:active {color:#00F}  /* selected link */