[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]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
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 :)


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
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