+2px en dessous d'une image

Résolu/Fermé
Matthia$ Messages postés 364 Date d'inscription mercredi 31 août 2005 Statut Membre Dernière intervention 17 mars 2010 - 8 janv. 2009 à 20:45
Matthia$ Messages postés 364 Date d'inscription mercredi 31 août 2005 Statut Membre Dernière intervention 17 mars 2010 - 10 janv. 2009 à 15:22
Bonjour tout le monde,

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:

11 réponses

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
8 janv. 2009 à 20:49
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>.
0
Matthia$ Messages postés 364 Date d'inscription mercredi 31 août 2005 Statut Membre Dernière intervention 17 mars 2010 78
8 janv. 2009 à 20:52
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...
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
8 janv. 2009 à 20:58
oups pardon !!!

avais même pas lu le source, ai tellement l'habitude de cet espace…

mais si ton <div> flotte il faut peut être faire flotter l'<img/> aussi.
0
Matthia$ Messages postés 364 Date d'inscription mercredi 31 août 2005 Statut Membre Dernière intervention 17 mars 2010 78
8 janv. 2009 à 21:09
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 ^^
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
8 janv. 2009 à 21:16
ah mais tu n'as pas défini la taille de l'image !
<img src="blabla.png" alt="blabla" width="100" height="80"/>
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Matthia$ Messages postés 364 Date d'inscription mercredi 31 août 2005 Statut Membre Dernière intervention 17 mars 2010 78
8 janv. 2009 à 21:23
<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 ? ^^'
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
8 janv. 2009 à 21:25
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)
0
Matthia$ Messages postés 364 Date d'inscription mercredi 31 août 2005 Statut Membre Dernière intervention 17 mars 2010 78
8 janv. 2009 à 22:08
<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 ^^
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
9 janv. 2009 à 09:26
salut,

stooooooooooooop !!!!!!!!!!!!!!!!!!!!!
on arrête tout !

tu veux faire un menu ?
ça se fait autrement !
0
Matthia$ Messages postés 364 Date d'inscription mercredi 31 août 2005 Statut Membre Dernière intervention 17 mars 2010 78
10 janv. 2009 à 13:22
Ha bon, comment alors ?

PS : Si je ne répond pas vite, c'est que le portable sans ventilo doit refroidir... ^^'
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
10 janv. 2009 à 13:30
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 :
<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 ?
0
Matthia$ Messages postés 364 Date d'inscription mercredi 31 août 2005 Statut Membre Dernière intervention 17 mars 2010 78
10 janv. 2009 à 15:22
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
0