css and firefox

[craign]

hello,

http://www.dynamichealthservices.net/dhs_home.htm

i have this for a hover exchange:

a.1:visited {color: #C0C0FF; text-decoration: none}
a.1:link {color: #C0C0FF; text-decoration: none}
a.1:active {color: #C0C0FF; text-decoration: none}
a.1:hover {color: #08e7ff; font-family: Times New Roman; font-size: 14px; font-weight: none; text-decoration: none}

and this in the body

<tr>
<td width="107" align="left" height="20" valign="top">
<p class="tdnav"><a href ="dhs_home.htm" class="1">Home</a></td>
</tr>

it is working in ie6 but not in firefox.

can someone help me


thanks
craig

[ray326]

I see two syntactical problems with your code. You didn't close the <p> and you have an invalid class name. From the HTML spec:
ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").

[kippertoffee]

i thought the order had to go



:link
:visited
:hover
:active

this may cause some problems

[bathurst_guy]

you need to write it more like this:

name a:visited {color: #C0C0FF; text-decoration: none}
name a:link {color: #C0C0FF; text-decoration: none}
name a:active {color: #C0C0FF; text-decoration: none}
name a:hover {color: #08e7ff; font-family: Times New Roman; font-size: 14px; font-weight: none; text-decoration: none}

and this in the body

<tr>
<td width="107" align="left" height="20" valign="top">
<p class="tdnav"><a href ="dhs_home.htm" class="name">Home</a></p></td>
</tr>


and it doesnt matter what order they are in

[Fang]

...and it doesnt matter what order they are in
I think you'll find it does: http://www.meyerweb.com/eric/css/link-specificity.html

[bathurst_guy]

oops soz, thanks you learn something new everyday :)