css and firefox

hello,

<!-- m --><a class="postlink" href="http://www.dynamichealthservices.net/dhs_home.htm">http://www.dynamichealthservices.net/dhs_home.htm</a><!-- m -->

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 =http://www.webdeveloper.com/forum/archive/index.php/"dhs_home.htm" class="1">Home</a></td>
</tr>

it is working in ie6 but not in firefox.

can someone help me


thanks
craigI 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 (".").i thought the order had to go



:link
:visited
:hover
:active

this may cause some problemsyou 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 =http://www.webdeveloper.com/forum/archive/index.php/"dhs_home.htm" class="name">Home</a></p></td>
</tr>


and it doesnt matter what order they are in...and it doesnt matter what order they are in
I think you'll find it does: <!-- m --><a class="postlink" href="http://www.meyerweb.com/eric/css/link-specificity.htmloops">http://www.meyerweb.com/eric/css/link-s ... y.htmloops</a><!-- m --> soz, thanks you learn something new everyday :)
 
Back
Top