Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1558 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]


---------------
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 by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
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 :)


---------------
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 by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
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-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)