Survol ligne tableau

Bonjour,
j'aimerais savoir comment encadrer la ligne entière d'un tableau au survol ou/et mettre une image (fleche, pointeur...) devant la ligne survolée.

Merci beaucoup

Bonjour.
Bonne question , je vais chercher aussi

Il ne doit pas être possible de le faire à partir de CSS sans javascript.. enfin je crois

Bonjour,

j'ai une question qui rejoins la tienne...

j'aimerais faire un hover sur un <li> tout entier et non que sur le <a href> de ce <li> (car pas de soucis de ce coté)

du genre j'ai une quinzaine de lignes (chaque ligne est un <li>) qui comportent à la fois une description et un lien...j'aimerais donc quand le visiteur passe sur chaque ligne, voir cette derniere devenir colorée

j'ai essayé ca :

ul.mails li:hover
{
	color: #CC0000;
	background: #D4D4D4 ;
}

merci

je continue à chercher...
Modifié par LECOMTE (08 Sep 2005 - 22:19)

Bonsoir.

Avec IE, hover ne marche que sur <a>

Sous firefox, pas de problème.
Modifié par GeorgesM (07 Sep 2005 - 20:52)

merci bien,
je pouvais toujours chercher...

en effet marche parfaitement sur Firefox
et sur IE, on peut juste pleurer...

snif...
Modifié par LECOMTE (07 Sep 2005 - 23:04)

Attendons la 7, (qui passe directement à CSS3 pour éviter de déboguer le 2. On va pas pleurer.)
Modifié par GeorgesM (07 Sep 2005 - 23:31)

Bonjour

Essaye avec ça pour voir

#un a{
boder:1px solid #004566;
background-color:#004566;
display: block;
}
#un a:hover{
border:1px solid #fff000;
background-color:#004566;

}

Ne pa oublier d'inclure un lien dans la partie concernée

@+

Hello à tous,

Dois-je en arriver à flageller les membres qui n'affichent pas les codes proprement (= qui ne lisent pas les Règles du forum) ?

Bonjour

Oups oups et re oups désolé.

@+

désolé pour ne pas avoir afficher les codes correctement
j'avais pas lu les petites règles du forum...

on va attendre sagement la prochaine version alors...

ba tu peux toujours faire une illusion d'optique

html

<li><a href=""><span>Description bla bla</span>. Le lien</a></li>

css

span {
cursor:default;
}

a:hover {
propriété:valeur;
}

Bon d'accord c'est de la bidouille
Modifié par clb56 (08 Sep 2005 - 22:45)

Et pourquoi ne pas utiliser le javascript tout simplement plutôt que les eternelles bidouilles imbuvables ?

pour les bidouilles en effet ca devient le bronx...

surtout qu'il faut mettre en surbrillance une ligne d'une taille fixe,
j'avais pas spécifié : j'ai deux liens sur la meme ligne...
c'est pour ca que je voulais le faire sur un <li> en display:block

pourquoi pas le javascript ?
car en fait j'étais en train de tester les possibilités du XHTML, je suis novice en la matière, enfin je commence quand meme à me débrouiller
avec les CSS, d'ailleurs grace à vous...
voili...merci du conseil, je vais donc me retourner sur le javascript...
Modifié par LECOMTE (08 Sep 2005 - 23:42)

Olivier a écrit :
plutôt que les eternelles bidouilles imbuvables ?

ce n'était que de l'humour Olivier

mais en rendu à l'écran ça marche et ça n'abime rien ce qui est l'essentiel.

Olivier a écrit :
Et pourquoi ne pas utiliser le javascript tout simplement ?

Ou utiliser la classe

:hover

et ajouter un accès vers le fichier csshover.htc
qui émule la fonction en Jscript pour IE seulement
détail

Bonjour, chmel.

C'est interressant. Je ne sais pas faire ça. Comment fait-on, ou comment trouver de la doc.
D'avance merci.
Modifié par GeorgesM (09 Sep 2005 - 10:04)

Il me semble que cette méthode invalide la feuille de style .

> GeorgesM. en fait tu appel le fichier dans le feuille de style :

behavior : url(csshover.htc); 

le minimum à faire dans ce cas et de séparer cela dans une feuille de style secondaire afin d'avoir la première valide et pourquoi pas utiliser les commentaires conditionnels voir une routine de détection coté serveur pour intégrer ou pas la seconde, mais Laurent Denis va se facher si tu fais çà et il aura raison. (une fois de plus )

en fait la discrimination c'est "mal" même au niveau des navigateurs

le fichier est la
Modifié par ernstein (09 Sep 2005 - 10:42)

Merci.

Avec ces indications, j'ai trouvé çà:

http://www.babylon-design.com/site/index.php/2005/08/14/54-css-behaviour-url-fichier-htc


Bon. A utiliser avec modération et en connaissance de cause.
Mais vu d'une certaine hauteur, çà permettrait d'ouvrir des horizons assez large en terme de dynamisation des feuilles de styles...
Modifié par GeorgesM (09 Sep 2005 - 11:05)

Sinon, on peut revenir à mon sujet ?!?

Je rapel le but, c d'encadrer toute la ligne d'un tableau en la survolant, et non encadrer toutes les cellules de cette ligne grace à Javascript, nuance!
Je commence à me demander si c possible.

Allez, encore un effort!