Discussion :

[malabarbe]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

[12monkeys]

Bonjour

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

Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
a {
  display : block;
  width : 100px;
  height : 25px;
  text-align : center;
}

[malabarbe]

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 ?

[12monkeys]

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

Par exemple en utilisant les classes ou id :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
a.lien1 {
  display : block;
  width : 100px;
  height : 25px;
  text-align : center;
}

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[malabarbe]

Bonsoir,

Merci 12monkeys.

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

Encore merci.

@ +