J'ai un code tout bete ... mais qui ne fonctionne pas !

<a href="#">
<td onMouseOver="this.class='boutonDessus';" onMouseOut="this.class='boutonRepos';" class="boutonRepos">A</td></a>

J'aimerai qu'au survol de la cellule la class soit changé mais ca ne fonctionne pas. Pourtant avec le background ca marche ...

Merci ca marche !

Citation:

ARG ! par contre, c'est une hérésie d'appliquer un A à une cellule

Alors brulez moi !
Résultat : http://www.forum-webmaster.com/lexique (en finition)

Plusieurs choses :
- ton code ne marche que sur IE (testé sur Mozilla, Firebird et Opera : il ne se passe rien au clic). Normal, à cause du A placé n'importe où
- tes CSS sont, comment dire, très longues avec beaucoup de répétition inutiles.

Par exemple, cette classe :

Code:

.boutonDessus {    background-color: #B1B1B1;    border-top-width: 1px;    border-right-width: 1px;    border-bottom-width: 1px;    border-left-width: 1px;    border-top-style: solid;    border-right-style: solid;    border-bottom-style: solid;    border-left-style: solid;    border-top-color: #FFFFFF;    border-right-color: #000000;    border-bottom-color: #000000;    border-left-color: #FFFFFF;    cursor: hand; }

Peut être écrite de cette manière :

Code:

.boutonDessus {    background-color: #B1B1B1;    border: 1px solid #000;    border-top-color: #FFF;    border-left-color: #FFF;    cursor: hand; }

C'est plus simple, non?

- Pour finir, tu peux encore alléger nettement le code (et le rendre compatible partout), en simplifiant tout ça : pourquoi utiliser un A + TD + javascript (mouseover,...) alors que tu peux tout faire simplement avec un seul A ?
Je vais me plonger dans ton code et te montrer une version qui fonctionne, si tu le veux bien

clap clap ! c'est du boulot de pro ! bravo