Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1114 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1351532
Cytelis
Posté le 21-04-2006 à 18:45:27  profilanswer
 

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
mood
Publicité
Posté le 21-04-2006 à 18:45:27  profilanswer
 

n°1351535
xtof_83
Freeride Spirit
Posté le 21-04-2006 à 18:53:11  profilanswer
 

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

n°1351540
0x90
Posté le 21-04-2006 à 19:05:12  profilanswer
 

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.
n°1351543
Cytelis
Posté le 21-04-2006 à 19:11:52  profilanswer
 

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

n°1351548
nargy
Posté le 21-04-2006 à 19:26:31  profilanswer
 

style="display: block"

n°1351550
Cytelis
Posté le 21-04-2006 à 19:32:12  profilanswer
 

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

n°1351556
nargy
Posté le 21-04-2006 à 19:48:38  profilanswer
 

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

n°1351558
nargy
Posté le 21-04-2006 à 19:49:31  profilanswer
 

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

n°1351587
Cytelis
Posté le 21-04-2006 à 20:51:23  profilanswer
 

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

n°1351589
nargy
Posté le 21-04-2006 à 20:56:18  profilanswer
 

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.

mood
Publicité
Posté le 21-04-2006 à 20:56:18  profilanswer
 

n°1353131
Hardtchoum
la vérité est dans le vain
Posté le 24-04-2006 à 21:51:36  profilanswer
 

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é"
n°1353258
Cytelis
Posté le 25-04-2006 à 03:29:03  profilanswer
 

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

n°1353303
masklinn
í dag viðrar vel til loftárása
Posté le 25-04-2006 à 09:51:26  profilanswer
 

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
n°1353306
olivthill
Posté le 25-04-2006 à 09:55:52  profilanswer
 

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

n°1353308
masklinn
í dag viðrar vel til loftárása
Posté le 25-04-2006 à 09:59:31  profilanswer
 

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
n°1353415
Shinuza
This is unexecpected
Posté le 25-04-2006 à 11:35:50  profilanswer
 

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.

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
[RÉSOLU]Utilisier les 'in' dans une requéte sql[résolu] Probleme de popup sur mon site
[Résolu] probleme de syntaxe *&Pb de caractère spéciaux \ [RESOLU]
[résolu] difference tableau multi dimension[Resolu] Encapsulation C -> c++ ?
[JS] changer la position de la souris sous IE[openGL] couleur ne dépedant pas des lumieres
Changer la couleur d'un JScrollPane[Résolu] Compteur avec cookie et Mysql
Plus de sujets relatifs à : [Résolu] Changement de couleur au passage de la souris


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR