Css dans firefox - Postionnement d'une image
Résolu
Hammo
-
hammo -
hammo -
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!
A voir également:
- Css dans firefox - Postionnement d'une image
- Telecharger firefox - Télécharger - Navigateurs
- Video downloadhelper firefox - Télécharger - Outils pour navigateurs
- Légender une image - Guide
- Image iso - Guide
- Exporter favoris firefox - Guide
12 réponses
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
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
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
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
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Bonjour,
Essaye ça :
Sinon, remplace les span> par des p> ?
--
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> ?
--
Ciao,
Merci pour ta réponse, mais ça n'a malheureusement rien changé.
Merci quand même, bonne soirée.
Merci pour ta réponse, mais ça n'a malheureusement rien changé.
Merci quand même, bonne soirée.
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
Tu peux me donner le code entier html du fichier qui marche?
Comme ça je ferai simplement un copier-coller.
Merci
Le voici.
Avec une variante :
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>
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.
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.
Les 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.
--
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.
--
