Css dans firefox - Postionnement d'une image
Résolu
Bonjour,
Je suis entrain de faire un site et j'ai un problème avec le positionnement css.
Quand je positionne une image avec la balise <span> y a un problème.
Avec internet explorer, l'image est positionnée sans problème, mais avec firefox, le positionnement ne se fait pas.
Par exemple si je fais ça:
<html>
<head></head>
<body>
<SPAN style="position: absolute; top:50 px; left: 300 px;width: 424px; height: 77px">
<img src="image.jpg" width=424 height=77>
</SPAN>
</body>
</html>
Je voudrais que le positionnement se fasse aussi avec firefox.
Est-ce que qqun a la solution?
Merci!
Je suis entrain de faire un site et j'ai un problème avec le positionnement css.
Quand je positionne une image avec la balise <span> y a un problème.
Avec internet explorer, l'image est positionnée sans problème, mais avec firefox, le positionnement ne se fait pas.
Par exemple si je fais ça:
<html>
<head></head>
<body>
<SPAN style="position: absolute; top:50 px; left: 300 px;width: 424px; height: 77px">
<img src="image.jpg" width=424 height=77>
</SPAN>
</body>
</html>
Je voudrais que le positionnement se fasse aussi avec firefox.
Est-ce que qqun a la solution?
Merci!
Configuration: Windows XP Firefox 2.0.0.6
12 réponses
-
Ok, je te remercie beaucoup. Mon problème est résolu.
Bon après-midi, salutations. -
ContributeurLes différences sont minimes. Mais importantes.
Les espaces servent de séparateurs. Si tu en insères là ou il ne devrait pas y en avoir, ton code signifie autre chose. Autre chose que le navigateur ne sait pas interprêter.
En haut, ton code.
En bas, le mien.style="position: absolute; top:50 px; left: 300 px;width: 424px; height: 77px" style="position: absolute; top:50px; left: 300px;width: 424px; height: 77px;"
Le HTML aussi obéit à certaines règles.src="image.jpg" width=424 height=77 src="image.jpg" width="424" height="77"
Le “alt” est utile lorsque l'image est absente et pour les visiteurs qui ne pourrait pas voir la page, par exemple.
-- -
Ah oui, ça marche cette fois :-).
Est-ce que tu peux m'expliquer un peu ton code s.t.p? Et quelle est la différence avec ce que moi j'ai fais?
Je te remercie, bonne journée. -
ContributeurLe voici.
Avec une variante :<html> <head> <title>span en absolute</title> </head> <body> En haut, le style est dans le <span><br /> <span style="position: absolute; top:50px; left: 300px; width: 424px; height: 77px; border:1px solid #f00;"> <img src="image.jpg" width="424" height="77" alt="quelque chose"> </span> En bas, le style est dans le <img><br /> <span> <img style="position: absolute; top:300px; left: 30px; width: 300px; height: 370px; border:1px solid #f00;" src="image.jpg" width="300" height="370" alt="quelque chose d'autre"> </span> </body> </html> -
J'ai alors peut-être pas compris.
Tu peux me donner le code entier html du fichier qui marche?
Comme ça je ferai simplement un copier-coller.
Merci -
ContributeurPourtant ça marche.
-
Ciao,
Merci pour ta réponse, mais ça n'a malheureusement rien changé.
Merci quand même, bonne soirée. -
ContributeurBonjour,
Essaye ça :<span style="position: absolute; top:50px; left: 300px; width: 424px; height: 77px"> <img src="image.jpg" width="424" height="77" alt="quelque chose"> </span>
Tu as remarqué les espaces en moins et les " " ?
Sinon, remplace les span> par des p> ?
-- -
Merci pour ta réponse.
Malheureusement c'est pas ça...
Merci, bonne journée. -
Je suis pas spécialiste du style à l'intérieur des balises, mais ne manquerait-il pas un ";" après le "77px" ?
De plus personnellement je mettrais span en minuscules, mais je ne pense pas que ça change grand chose.
C'est bien la première fois que je vois IE plus doué que FF pour du CSS ! lol
Configuration: Linux
Opera 9.21 -
Je suis pas spécialiste du style à l'intérieur des balises, mais ne manquerait-il pas un ";" après le "77px" ?
De plus personnellement je mettrais span en minuscules, mais je ne pense pas que ça change grand chose.
C'est bien la première fois que je vois IE plus doué que FF pour du CSS ! lol -
hé ya pa qe d intelo ici!!!!!!
