style Rollover cellule

Bonjour à tous,

Le script suivant, gère bien le rollover sur un texte
(le lien) qui se trouve dans une cellule d'un tableau.

Code:

---

1 2 3 4 5 6 7 8 9

<!-- Gère les liens, couleurs et le soulignement --> <style type="text/css"> a:link { text-decoration:none; font-weight:bold; } a:visited { text-decoration:none; font-weight:bold; color:#2f009d; } a:hover { text-decoration:none; font-weight:bold; background-color:#F8b800; } a:active { text-decoration:none; font-weight:bold; background-color:#20FFFF; } --> </style>

---

Comment faire pour pour que a la place que le rollover
n'agisse pas que sur le texte mais la cellule complète
qui contiens le texte (le lien) ?

C'est a dire qu'au survol du lien, la cellule bénéficie du rollover.

Pourriez-vous m'aiguiller sur la marche a suivre ?

Bonjour

Tu peut attribuer au lien la propriété display:block

Exemple :

Code:

---

1 2 3 4 5 6

a { display : block; width : 100px; height : 25px; text-align : center; }

---

Bonsoir 12monkeys,

Super, cela tourne parfaitement !

Un grand Merci.

Le revers de la médaille :
Plus bas dans ma page, j'ai d'autres liens qui ne
doivent pas bénéficier du rollover colorisé.

Comment faire cesser ce style ?

En mettant en œuvre des sélecteurs : http://css.developpez.com/tutoriels/...lecteur-css-3/

Par exemple en utilisant les classes ou id :

Code:

---

1 2 3 4 5 6

a.lien1 { display : block; width : 100px; height : 25px; text-align : center; }

---

Code:

---

1 2	<a href="#" class="lien1">le css s'applique à ce lien</a> <a href="#">mais pas à ce lien</a>

---

Bonsoir,

Merci 12monkeys.

Non seulement c'est bon, mais j'ai intégré en
plus la notion de changement de styles.

Encore merci.

@ +