+2px en dessous d'une image
Résolu
Matthia$
Messages postés
364
Date d'inscription
Statut
Membre
Dernière intervention
-
Matthia$ Messages postés 364 Date d'inscription Statut Membre Dernière intervention -
Matthia$ Messages postés 364 Date d'inscription Statut Membre Dernière intervention -
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
A voir également:
- +2px en dessous d'une image
- Image iso - Guide
- Légender une image - Guide
- Transformer une image en icone - Guide
- Mettre une image en filigrane sur word - Guide
- Couper une image en 3 instagram - Guide
11 réponses
salut,
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>.
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...
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 ^^
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 ^^
ah mais tu n'as pas défini la taille de l'image !
<img src="blabla.png" alt="blabla" width="100" height="80"/>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
<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 ? ^^'
les 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)
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 ^^
salut,
stooooooooooooop !!!!!!!!!!!!!!!!!!!!!
on arrête tout !
tu veux faire un menu ?
ça se fait autrement !
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... ^^'
PS : Si je ne répond pas vite, c'est que le portable sans ventilo doit refroidir... ^^'
salut,
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 :
et dis nous à quoi va ressembler ton menu.
une colonne à gauche ? quelle largeur ?
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 ?