firefox pakt CSS niet en internet explorer wel

[!GN!T!ON]

hey

ik ben bezig met een opdrachtje, en daarvoor heb ik het volgende css bestand:

code:

}
a.1:link {
    color: white; 
}
a.1:visited {
    color: white; 
}
a.1:hover { 
    color: blue; 
}
a:link { 
    color: black; 
}
a:visited { 
    color: black; 
}
a:hover { 
    color: red; 
}
tr.toprow {
    background-color:#5681B8;
    color: white;
}

en deze html/php:

code:

        echo"   <tr class=\"toprow\">";
        echo'       <th><a class="1" href="' . $_SERVER['PHP_SELF'] . '?action=employees&order=FirstName">Voornaam</a></td>';
        echo'       <th><a class="1" href="' . $_SERVER['PHP_SELF'] . '?action=employees&order=LastName">Achternaam</a></td>';
        echo'       <th><a class="1" href="' . $_SERVER['PHP_SELF'] . '?action=employees&order=PhoneNumber">Telefoon</a></td>';
        echo'       <th><a class="1" href="' . $_SERVER['PHP_SELF'] . '?action=employees&order=Email">E-mail</a></td>';
        echo'       <th><a class="1" href="' . $_SERVER['PHP_SELF'] . '?action=employees&order=HireDate">Aangenomen op</a></td>';
        echo'       <th><a class="1" href="' . $_SERVER['PHP_SELF'] . '?action=employees&order=Salary">Salaris</a></td>';   
        echo"       <th>Actie</td>";    
        echo"   </tr>";

nou kleurt internet explorer de links in de table welke class=1 hebben meegekregen keurig wit, en past ook de hover kleur blue goed toe.

firefox houd daarintegen hardnekkig de links zwart en de hover rood.

heeft iemand een idee wat ik hier fout doe? als ik google op mijn code dan lijkt dit de juiste notatie te zijn

[Voutloos]

Je kan vast wel een beter passende class name verzinnen dan "1".

[RobIII]

quote: http://www.w3.org/TR/html401/types.html#type-name

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 (".").

[!GN!T!ON]

Oh My God, verkloot ik daar 2 uur aan
het werkt

bedankt, kan ik ook weer verder klooten

[ Voor 173% gewijzigd door !GN!T!ON op 13-10-2009 18:37 ]

[Voutloos]

Overigens zag ik ook wel de 1e versie van de post hierboven.

Ook in kladjes wordt je genadeloos gestraft als je stomme naamgeving hanteert. Als je in 1x beschrijvende naampjes tikt, zelfs al kost dat je meer dan 1 karakter, bespaar je je _altijd_ tijd.

[!GN!T!ON]

i shallt remember thou wisdom for evereth!

[crisp]

RobIII schreef op dinsdag 13 oktober 2009 @ 18:35:
[...]

Het class-attribuut is in HTML (ook) van type CDATA en geen ID of NAME token, dus als HTML is het volledig valide

De oorzaak van dit probleem zit 'm in de grammatica van CSS waar in de dot-notatie de class een identifier moet zijn. Als alternatief kan je natuurlijk ook de attribute-selector gebruiken die meer mogelijkheden biedt mbt waarden die op zichzelf niet voldoen als identifier, of escaping toepassen

[ Voor 40% gewijzigd door crisp op 13-10-2009 19:22 ]