Help html backgroundcolor qui 'saute' avec les liens
Help html backgroundcolor qui 'saute' avec les liens - HTML/CSS - Programmation
Marsh Posté le 29-04-2013 à 11:20:03
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
Marsh Posté le 29-04-2013 à 12:00:36
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! 
Marsh Posté le 29-04-2013 à 12:07:28
j'ai fait ca :
<HTML>
<HEAD>
<STYLE type=text/css>
<!--
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); }
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; }
table:hover { background-color: #FF0000; }
-->
</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...
Marsh Posté le 29-04-2013 à 13:18:45
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... 
Marsh Posté le 29-04-2013 à 13:34:33
| DarthAngel a écrit : |
Hérétique, au bucher ! ![[:heretique]](https://forum-images.hardware.fr/images/perso/heretique.gif "[:heretique]")
---------------
Are you two fucking? Are you serious? Right in front of my salad?!
Marsh Posté le 29-04-2013 à 13:51:26
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
Marsh Posté le 29-04-2013 à 13:52:53
Code :
|
---------------
Blablaté par Harko
Marsh Posté le 29-04-2013 à 16:16:50
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 >< )
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
Marsh Posté le 29-04-2013 à 10:09:12
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>
<!--
TABLE {
font-family: comic sans ms;
font-size: 15;
color: #67838b;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
behavior: url(PIE/PIE.htc); }
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; }
-->
</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