Forum TourDeJeu [Powered by Invision Power Board]

Version imprimable du sujet
Cliquez ici pour voir ce sujet dans son format original

Forum TourDeJeu > Design et graphismes > Petit Probleme Sous Ie

Ecrit par: Lousrim Mercredi 19 Janvier 2005 à 12h34

Voila, ma présentation présente un peit bug sous IE, qui n apparait pas avec Firefox.
Je ne sais pas d ou il vient.......

http://hommeslezards.com

Dans les sous menus de droites (et les partenaires et les options de jeu)
Quand on passe la souris dessus
La case s aggrandit avec Ie, provoquant des sautes assez désagréables.....

Voila comment se présente chaque ligne de ce tableau :

CODE

echo "<tr><td width=144 height=35 valign=\"top\" class=\"firefox\"><a href=\"index.php?page=jouer.php\" class=\"illumine\"><div align=\"center\">Jouer</div></a></td></tr>";

Voici maintenant les deux classes css

CODE

td.firefox:hover
{
text-decoration:none;
background-color:green;
color:white;
}
td.firefox
{
height:35px;
width:144px;
color:white;
}
a.illumine:hover
{
text-decoration: none;
background-color:green;
height:35px;
width:144px;
background-repeat:repeat;
color:white;
}

Si quelqu un pouvait m aider ca serait génial, ca fait longtemps que je cherche :S

Ecrit par: TheNerf Mercredi 19 Janvier 2005 à 12h59

Retire peut-être la taille dans ton a:hover
Pas d'intérêt... Surtout si ton tableau a une bordure : la taille intérieure et extérieure n'étant pas la même...
Parfois, juste ça (au début de ton fichier css) suffit :
* {-moz-box-sizing:border-box}

Bon courage avec les CSS ...

Ecrit par: Lousrim Mercredi 19 Janvier 2005 à 14h27

Bah si, ca a un intéret....
Ie ne peut faire des hover que sur les a
Pas sur les td

SI j enleve les dimensions
IL surligne juste le lien
Il colorie pas la case entiere ^^

Ecrit par: Rataflo Mercredi 19 Janvier 2005 à 16h33

Il faut que tu mette la même condition de hauteur pour la a.illumine mais non survolé.

Ecrit par: Lousrim Mercredi 19 Janvier 2005 à 17h21

Ah vi....
Merci

Ecrit par: Nonothehobbit Mercredi 19 Janvier 2005 à 21h55

T'as qu'à faire un onMouseOver="this.backgroundColor='green'" sur le td.