[Résolu] Changement de couleur au passage de la souris

Changement de couleur au passage de la souris [Résolu] - HTML/CSS - Programmation

Marsh Posté le 21-04-2006 à 18:45:27    

Bonjour,
 
Je cherche à créer un changement de couleur au passage du pointeur de la souris sur une cellule d'un tableau.
 
Je m'explique :
 
Un tableau d'une ligne, avec plusieurs colonnes.
Chaque cellule a pour background une couleur, disons du noir, et la couleur de police: blanc.
J'aimerais qu'au passage de la souris sur une des cellules (qui aura un lien), le background deviennent blanc et la couleur de police: gris...
 
Une idée? :jap:


Message édité par Cytelis le 25-04-2006 à 03:29:34
Reply

Marsh Posté le 21-04-2006 à 18:45:27   

Reply

Marsh Posté le 21-04-2006 à 18:53:11    

ça marchera pas sous IE ;)
 
l'attribut :hover ne marche que pour des liens sur IE...
 
Mais partout pour d'autre navigateurs :D

Reply

Marsh Posté le 21-04-2006 à 19:05:12    

Si tu met le lien en block qui prends toute la place dans la cellule tu pourra utiliser l'hover sur le lien ;)


---------------
Me: Django Localization, Yogo Puzzle, Chrome Grapher, C++ Signals, Brainf*ck.
Reply

Marsh Posté le 21-04-2006 à 19:11:52    

Mettre le lien en block ? càd ?  :whistle:

Reply

Marsh Posté le 21-04-2006 à 19:26:31    

style="display: block"

Reply

Marsh Posté le 21-04-2006 à 19:32:12    

<td style="display: block" ?
 
<a style="display: block" ?
 
C'est possible d'avoir un exemple concret ? :ange:  
 

Reply

Marsh Posté le 21-04-2006 à 19:48:38    

peu importe: <tag style="display: block">

Reply

Marsh Posté le 21-04-2006 à 19:49:31    

note: pour IE tu utilise un bon vieux javascipt. il y en a plein sur le net.

Reply

Marsh Posté le 21-04-2006 à 20:51:23    

C'est tout ce qu'il y a à faire ?
Car j'ai tester euh... ça fait pas grand chose :sarcastic:

Reply

Marsh Posté le 21-04-2006 à 20:56:18    

T'a mis un :hover? si oui, tu peut changer beaucoup de choses avec CSS, notamment les bordure, les couleurs, les polices, les images... et encore plus avec javascript.

Reply

Marsh Posté le 21-04-2006 à 20:56:18   

Reply

Marsh Posté le 24-04-2006 à 21:51:36    

Une possibilité à explorer,...marche sur IE6 ,Opera, et Mozilla Firefox (à part un détail sur Firefox=> absence de la "main" remplacée par un trait?!!!)
 
http://livedji.free.fr/test_souris_on.html  (test sur cellule de droite ou "Google" est écrit )
 
 
<td width="10%" bgcolor="#FFFFCC"
onMouseover="this.style.backgroundColor='#9900CC'"  
onMouseout="this.style.backgroundColor='#FFFFCC'">
<p align="center"><b>
<SPAN  
style="COLOR: #999;CURSOR:hand"  
onmouseover="this.style.color='#FFFF66'"  
onmouseout="this.style.color='#999'"  
onclick="top.location.href='http://www.google.fr'">
Google
</SPAN>
</b>
</p>
</td>

Message cité 2 fois
Message édité par Hardtchoum le 25-04-2006 à 06:45:43

---------------
"bu et abreuvé"
Reply

Marsh Posté le 25-04-2006 à 03:29:03    

C'est ce que je recherche.
 
Hardtchoum :jap:  
 
 :hello:

Reply

Marsh Posté le 25-04-2006 à 09:51:26    

Hardtchoum a écrit :

Une possibilité à explorer,...marche sur IE6 ,Opera, et Mozilla Firefox (à part un détail sur Firefox=> absence de la "main" remplacée par un trait?!!!)
 
http://livedji.free.fr/test_souris_on.html  (test sur cellule de droite ou "Google" est écrit )
 
 
<td width="10%" bgcolor="#FFFFCC"
onMouseover="this.style.backgroundColor='#9900CC'"  
onMouseout="this.style.backgroundColor='#FFFFCC'">
<p align="center"><b>
<SPAN  
style="COLOR: #999;CURSOR:hand"  
onmouseover="this.style.color='#FFFF66'"  
onmouseout="this.style.color='#999'"  
onclick="top.location.href='http://www.google.fr'">
Google
</SPAN>
</b>
</p>
</td>


C'est complètement dégueulasse comme code, j'adore [:pingouino]


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box, and replicate and expand beyond their wildest dreams by throwing away the limits imposed by overbearing genetic r
Reply

Marsh Posté le 25-04-2006 à 09:55:52    

Toujours négatif, jamais constructif. Ne change pas Masklinn !  :)

Reply

Marsh Posté le 25-04-2006 à 09:59:31    

olivthill a écrit :

Toujours négatif, jamais constructif. Ne change pas Masklinn !  :)


Oui voila oui, j'ai effectivement jamais rien écrit de constructif ou d'utile dans ce forum, exactement :)
 
Maintenant, si ça te dérange pas, tu pourrais passer sous un camion comme ça tac tac? merci :)


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box, and replicate and expand beyond their wildest dreams by throwing away the limits imposed by overbearing genetic r
Reply

Marsh Posté le 25-04-2006 à 11:35:50    

Hardtchoum a écrit :

Une possibilité à explorer,...marche sur IE6 ,Opera, et Mozilla Firefox (à part un détail sur Firefox=> absence de la "main" remplacée par un trait?!!!)
 
http://livedji.free.fr/test_souris_on.html  (test sur cellule de droite ou "Google" est écrit )
 
 
<td width="10%" bgcolor="#FFFFCC"
onMouseover="this.style.backgroundColor='#9900CC'"  
onMouseout="this.style.backgroundColor='#FFFFCC'">
<p align="center"><b>
<SPAN  
style="COLOR: #999;CURSOR:hand"  
onmouseover="this.style.color='#FFFF66'"  
onmouseout="this.style.color='#999'"  
onclick="top.location.href='http://www.google.fr'">
Google
</SPAN>
</b>
</p>
</td>


 
Quitte à faire dans le kit de pharmacie, autant changer le curseur  [:angefox]


---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.
Reply

Sujets relatifs:

Leave a Replay

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