bug mozilla?

bug mozilla? - HTML/CSS - Programmation

Marsh Posté le 05-03-2004 à 20:02:30    

j'ai un petit problème: j'ai fait une sorte de rollover avec des images en css, et mozilla ne veut pas en entendre parler...  
il se trouve là:
http://blizz.art.free.fr/index.php [...] e=blizzart
(à voir d'une part avec mozilla et d'autre part avec IE)
quelqu'un m'a dit que c'était un bug connu de mozilla, mais je pencherais plutôt pour une boulette de ma part (même si honnêtement je la vois pas...)
 
je suis pas spécialement fan de mozilla, mais comme il a plutôt l'air de mieux interpréter le css que IE, ça m'embête un peu que ça marche pas. si quelqu'un a déjà entendu parler d'un tel bug, ça m'aiderait bien  :)  
 
PS: je sais que le code est pas très beau, mais j'avais un temps (très) limité pour faire le site...

Reply

Marsh Posté le 05-03-2004 à 20:02:30   

Reply

Marsh Posté le 05-03-2004 à 20:48:25    

Ce n'est pas un bug de Mozilla, mais une mauvaise compréhension de ce qu'est un élément en-ligne :
 

#bandoteam li {
 display: inline;
 width: 55px;
 height: 72px;
 margin: 0px 2px 0px 1px;
 padding: 0px;
 background: #000;
}
 
#bandoteam li a {
 margin: 1px;
 padding: 0px;
 width: 55px;
 height: 72px;
}


 
Un élément en-ligne (inline) est un élément dont la taille est imposée par le texte qu'il contient (ou par la taille de l'élément remplacé, dans le cas d'une image, d'un champ de formulaire ou d'un bouton).
 
Autrement dit, on ne peut pas forcer la taille d'un élément en-ligne avec width et height (ainsi que lui donner un padding).
 
Bref au lieu de donner à tes LI la propriété "display: inline", place les plutôt en flottants (float: left; ) et fait en sorte que tes A soient des blocs.


Message édité par gm_superstar le 05-03-2004 à 20:48:38

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 05-03-2004 à 21:50:00    

en fait je pensais que inline ça voulait dire que ma liste était en ligne et pas en colonnes (bon oki je me faisais visiblement des idées :) )
mais j'ai le même problème sur une autre page (pas online malheureusement) avec une liste qui est "en colonnes" (donc j'ai pas mis le 'display: inline')...  
mais merci beaucoup d'avoir pris le temps de regarder, je testerai le float dés que j'aurai le temps :)

Reply

Marsh Posté le 05-03-2004 à 22:08:09    

Euh ... Je préfère le deuxième style ;) ...


---------------
Tant que la couleur de la peau sera plus importante que celle des yeux, nous ne connaitrons pas la paix. ● L'écriture, c'est la mémoire du futur. ● Mods FO4
Reply

Marsh Posté le 05-03-2004 à 22:19:14    

lol merci :)  
mais en fait j'ai fait le site pour des copains: le "deuxième style" était celui que j'avais prévu, mais le premier correspond mieux avec les couleurs qu'ils utilisaient sur les affiches/t-shirts, donc...

Reply

Marsh Posté le 05-03-2004 à 22:44:08    

On a les même gouts alors ;).


---------------
Tant que la couleur de la peau sera plus importante que celle des yeux, nous ne connaitrons pas la paix. ● L'écriture, c'est la mémoire du futur. ● Mods FO4
Reply

Marsh Posté le 06-03-2004 à 16:36:08    

gm_superstar a écrit :


Bref au lieu de donner à tes LI la propriété "display: inline", place les plutôt en flottants (float: left; ) et fait en sorte que tes A soient des blocs.


 
 
merci beaucoup, j'ai changé 2-3 trucs, rajouté display: block; dans les A et ça marche!
c'est vraiment cool merci :jap:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed