+2px en dessous d'une image
Résolu
Bonjour tout le monde,
Je souhaite faire un site web, mais IE me fait une petite erreur.
Sous Firefox, c'est impeccable.
Sous IE, il y a une bande de deux pixels qui apparait entre le bas de images et la clôture de la balise <div > qui la comprend.
J'ai mis, dans le .css, border/margin/padding à 0px pour les images et les div.
D'où proviennent ces deux pixels, svp ?
Merci d'avance
Je souhaite faire un site web, mais IE me fait une petite erreur.
<div class="menu"> <div style="width:96px; height:50px; float:left;"> <img src="./images/style01/News_actif.png"> </div> <div style="width:109; height:50px; float:left;"> <img src="./images/style01/Budget_passif.png"> </div> </div>
Sous Firefox, c'est impeccable.
Sous IE, il y a une bande de deux pixels qui apparait entre le bas de images et la clôture de la balise <div > qui la comprend.
J'ai mis, dans le .css, border/margin/padding à 0px pour les images et les div.
D'où proviennent ces deux pixels, svp ?
Merci d'avance
11 réponses
-
Contributeursalut,
si tu trouves la réponse, ça m'intéresse !
ça m'arrive régulièrement, avec les <object> aussi.
solution de fortune, définir une hauteur fixe à ton <div>.
-
Mais, mon div a déjà une hauteur fixe (50px).
IE m'agrandie la balise...
Solution de fortune : mettre l'image en background. Mais, j'ai quelques problèmes pour les cliques après... -
J'ai essayé de mettre les images en float. J'ai essayé avec et sans les balises div autour, cela revient au même.
Sous Firefox, impeccable.
Sous IE, j'ai perdu les 2px en dessous de l'image. Par contre, me voila avec 2px de chaque côté de l'image. Donc un total de 4px entre deux images. (Je chipote, mais ça casse tout mon truc ^^)
Je ne sais pas si on progresse, mais ça avance ^^ -
Contributeurah mais tu n'as pas défini la taille de l'image !
<img src="blabla.png" alt="blabla" width="100" height="80"/>
-
<img src="./images/style01/News_actif.png" style="float:left; width:96px; height:50px;"> <img src="./images/style01/Budget_passif.png" style="float:left; width:109; height:50px;">
Toujours impeccable sous Firefox
Toujours 2px sur chaque bord latéral d'une image, sous IE.
Je viens de penser qu'il me manque les <alt> ^^'
Sinon, une autre idée ? ^^' -
Contributeurles dimensions sont à mettre comme attribut HTML et sans unité, pas en CSS…
après je serai surement couché !
bon courage, je regarderai demain matin où tu en es !
-;o)
-
<img src="./images/style01/News_actif.png" width="96" height="50" style="float:left;"> <img src="./images/style01/Budget_passif.png" width="109" height="50" style="float:left;">
J'ai beau essayer avec ou sans les guillements, avec ou sans les unités, rien à faire. J'ai toujours 2px de largeur qui apparaissent sur les bords latéraux de mes images.
Dalida, bonne soirée à toi. Si je trouve une solution, je te tiens au courant. ^^
Et si quelqu'un d'autre a une idée, il est le bienvenu ^^ -
Contributeursalut,
stooooooooooooop !!!!!!!!!!!!!!!!!!!!!
on arrête tout !
tu veux faire un menu ?
ça se fait autrement !
-
Ha bon, comment alors ?
PS : Si je ne répond pas vite, c'est que le portable sans ventilo doit refroidir... ^^' -
Contributeursalut,
tiens, regarde un exemple.
il est horizontal, à la vertical c'est encore plus facile !
le principe est une liste de liens, mise en forme avec CSS. tu peux mettre du texte plus une image de fond ou seulement une image de fond qui changera au survol.
+ d'autres exemples
commence par coder tes liens :<ul id="menu"> <li id="item1"><a href="url1.html">liens 1</a></li> <li id="item2"><a href="url2.html">liens 2</a></li> <li id="item3"><a href="url3.html">liens 3</a></li> <li id="item4"><a href="url4.html">liens 4</a></li> <li id="item5"><a href="url5.html">liens 5</a></li> </ul>
et dis nous à quoi va ressembler ton menu.
une colonne à gauche ? quelle largeur ?
-
Ha, mais c'est parfait tout cela !
Je m'en vais tester ce système que je ne connaissais pas.
Merci bien Dalida. :)
Bonne journée
