Evènement survol d'une case en CSS

Evènement survol d'une case en CSS - HTML/CSS - Programmation

Marsh Posté le 13-03-2005 à 15:02:20    

Hello tt le monde!
 
Voilà je voudrai en CSS créer un évenement lors d'un survol de case d'un tableau:
 
- Avant le passage du curseur:
http://unlimitedriders.free.fr/test/avant.gif
 
- Pendant le passage du curseur:
http://unlimitedriders.free.fr/test/apres.gif
 
Là j'ai déjà reussi a le faire mais sur la feuille html et c assez lourd vu que j'utilise ça pour pas mal de menus!
 
En CSS j'ai reussi a surliger le texte en noir avec:
#menus a.image:link,a.image:visited{text-decoration:underline; color:white; font-weight:bold}
#menus a.image:hover,a.image:active{text-decoration:underline; background-color:black; color:white; font-weight:bold}
 
Mais c'est seulement le texte qui se surligne et non la case entiere!
 
Voualou est ce que quelqu'un saurait comment s'y prendre?

Reply

Marsh Posté le 13-03-2005 à 15:02:20   

Reply

Marsh Posté le 13-03-2005 à 15:13:04    

Mettre ton <a> en display:block?
sinon il y a bêtement td:hover, mais pas supporté par IE...:/


---------------
Can't buy what I want because it's free -
Reply

Marsh Posté le 13-03-2005 à 17:44:33    

même si c'est pas tout à fait ce que tu souhaites faire ça doit pouvoir t'aider à toruver la bonne voie.
 
http://css.alsacreations.com/Const [...] -au-survol


Message édité par Hope le 13-03-2005 à 17:49:59
Reply

Marsh Posté le 14-03-2005 à 10:13:21    

Oui je truc ça serait un truc genre td hover mais compatible avec IE.
je vais voir si je trouve mon bonheur sur ton lien hope

Reply

Marsh Posté le 14-03-2005 à 11:08:07    

Comme l'a dit skeye, il suffit effectivement de mettre <a> en display block.


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 14-03-2005 à 21:11:02    

ok le display:block a l'air de fonctionner avec ts les navigateurs!
 
m'ci :)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed