Salut,
 
Je crée un site pour mon auto entreprise.
 
J'aimerai placer 3 boutons en CSS qui changent d'aspect au survol et lorsqu'on clique dessus.
 
Je met ce code après la balise <title> </title> :
<style type="text/css">
 
a.bouton {
    background:url('chemin vers l'image du bouton avec les 3 états') no-repeat;
    width: 385px;
    height: 206px;
    display:block;
}
a.bouton:hover {
    background:url('chemin vers l'image du bouton avec les 3 états') no-repeat 0 -206px;
}
a.bouton:active {
    background:url('chemin vers l'image du bouton avec les 3 états') no-repeat 0 -412px;
}
 
et ce code dans le body
 
<td><a title="le titre du bouton" href="un lien" class="bouton"></a></td>
 
cela fonctionne bien avec 1 bouton,
mais je ne sais pas comment en ajouter d'autres car je ne sais pas comment attribuer
le bon code CSS au lien qui lui correspond dans le body :
 
Est-ce la balise "a" qu'il faut changer? si oui par quelle balise la replacer?
 
Par avance merci pour votre aide

dans ta css tu ajoutes

a.bouton.home{
 
    background:url('chemin vers une autre image') no-repeat;}

 
dans ta page html

<td><a title="le titre du bouton" href="un lien" class="bouton home"></a></td>  
 
<td><a title="le titre du bouton" href="un lien" class="bouton"></a></td>

merci beaucoup, ça marche!!