bug mozilla?

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : bug mozilla?

a e r o n

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...

Publicité

gm_superstar

Appelez-moi Super

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

a e r o n

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

Gilbert Gosseyn

Dr Liara T'Soni

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

a e r o n

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...

Gilbert Gosseyn

Dr Liara T'Soni

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

a e r o n

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:

FORUM HardWare.fr

Programmation

HTML/CSS

bug mozilla?

Sujets relatifs
Comment lire un fichier avec Mozilla et XPCOM	Afficher un document XML modifié en mémoire avec Mozilla
[JS] [Résolu] Compatibilité Mozilla	[Mozilla] Bug avec caractères accentués et <img>
Pourquoi ca ne marche pas sous mozilla ?	[HTML/js] Hauteur d'un bloc <div> sous Mozilla
[JS] innerHTML marche pas sous mozilla ?	Javascript dans un XSL, mozilla ignore <xsl:comment><![CDATA[ ?
Degradé en fond d'ecran compatible avec Mozilla ???	InsertAtCaret + Mozilla...
Plus de sujets relatifs à : bug mozilla?

Page générée en 0.046 secondes