Help html backgroundcolor qui 'saute' avec les liens

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Help html backgroundcolor qui 'saute' avec les liens

DarthAngel

Salut à tous,

voila, mon probleme est le suivant : j'ai des liens dans une cellule de tableau dont la couleur de fond change onmouseover. Ce qui me pose problème, c'est que la couleur de fond 'saute' (je vois le fond blanc de ma page pendant quelques millisecondes) quand je promène ma souris d'un lien à un autre.
voici mon code:

<HTML>
<HEAD>
<STYLE type=text/css>

</STYLE>
</HEAD>
<BODY>
<table bgcolor=blue onmouseover="this.style.backgroundColor='red'" onmouseout="this.style.backgroundColor='blue'">
<tr><td align=right width=210>
<a href=p1.html> lien1 </a> <br>
<a href=p2.html> lien2 </a> <br>
<a href=p3.html> lien3 </a> <br>
<a href=p4.html> lien4 </a> <br>
<a href=p5.html> lien5 </a> <br>
<a href=p6.html> lien6 </a> </td> </tr> </table>
</BODY>
</HTML>

Comment éviter ce phénomène ?
Merci

Publicité

gatsu35

Blablaté par Harko

Tu mélange du JS, de la CSS, enfin c'est un peu n'importe quoi
utilise le :hover pour le changer le background-color de ton tableau, ça marchera mieux
Il vaut mieux utiliser les events mosueleaver et mouseenter au lieu de mouseout et mouseover, d'ou ton probleme
Mais personnellement :
table:hover {} fera du meilleur boulot que ton bricolage JS

---------------
Blablaté par Harko

DarthAngel

ok super! c'est vrai que je commence un peu donc j'ai pris un peu de l'un et un peu de l'autre... je vais essayer comme tu dis! merci beaucoup pour ta réponse rapide!

DarthAngel

j'ai fait ca :

<HTML>
<HEAD>
<STYLE type=text/css>

</STYLE>
</HEAD>
<BODY>
<table>
<tr><td align=right width=210>
<a href=p1.html> lien1 </a> <br>
<a href=p2.html> lien2 </a> <br>
<a href=p3.html> lien3 </a> <br>
<a href=p4.html> lien4 </a> <br>
<a href=p5.html> lien5 </a> <br>
<a href=p6.html> lien6 </a> </td> </tr> </table>
</BODY>
</HTML>

Donc j'ai tout mis dans le CSS et j'ai viré le html.
le background est bien bleu en static mais ne change pas en hover...

Message cité 1 fois

DarthAngel

*viré le JS

DarthAngel

en fait c'est bon merci j'ai remplacé onmouseover par onmouseenter et onmouseout par onmouseleave et ca marche impec! merci beaucoup! et puis tant pis pour la combinaison CSS/JS du moment que ca marche...

Riokmij

Blink and you're dead

DarthAngel a écrit :

font-family: comic sans ms;

Hérétique, au bucher ! [:heretique]

---------------
Are you two fucking? Are you serious? Right in front of my salad?!

gatsu35

Blablaté par Harko

Ouais mais nan darthAngel :
Déjà nan ton :hover tu me le fais en full CSS s'il te plaît et me vire ton JS moche, merci

---------------
Blablaté par Harko

gatsu35

Blablaté par Harko

Code :

table {
font-family: comic sans ms;
font-size: 15;
color: #67838b;
background-color: #00FFFF;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
behavior: url(PIE/PIE.htc);
}
table:hover {
background-color: #FF0000;
}
td {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
behavior: url(PIE/PIE.htc);
}
a {
font-family: comic sans ms;
font-size: 15;
color: #FFFFFF;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}

---------------
Blablaté par Harko

DarthAngel

bon ok c'est quand même vrai que en full css ca a tout de suite beaucoup plus la classe merci beaucoup pour le code!
et Riokmij, j'apprécie la citation! (mais je refais qu'une page d'un site qui a pas été fait par moi et c'est chiant de tout réharmoniser >< )

FORUM HardWare.fr

Programmation

HTML/CSS

Help html backgroundcolor qui 'saute' avec les liens

Sujets relatifs
liens ne fonctionnent plus	[Divers] Injecter du HTML dans une page deja generee
[XML/XSL/XSD] Insérer tel quel un document HTML, doctype ?	help !! lego mindstorm nxt bloqué
renvoi de formulaire html par PHP	Petite aide niveau tablea en HTML/PHP?
[HTML ou CSS] Image non bg mais en arrière plan	photo defilante html
[PHP et HTML] Mettre une varial PHP lors d'un click d'un bouton HTML.	[HTML] only - page web en local modifiable par le visiteur
Plus de sujets relatifs à : Help html backgroundcolor qui 'saute' avec les liens

Page générée en 0.039 secondes