5568 sujets

Sémantique web et HTML

Bonjour,

Voilà je chercher à résoudre un petit problème qui commence à me rendre fou sous IE, des décallages qui s'incrustent et je ne sais comment les corriger.

Voici un exemple tout con :


#test {
	width: 1000px;
	background: #fff;
	margin: 0;
	padding: 0;
	}

#test ul.menu {
	width: 66px;
	background: #fff;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	}

#test ul.menu li.titre {
	width: 88px;
	margin-top: 0px;
	padding-top: 0px;
	}

#test ul.menu li.liste {
	width: 66px;
	margin: 0;
	padding: 0;
	}



<div id="test">
	<ul class="menu">
			<li class="titre"><img src="Gifs/menu.png" width=66 height=22 alt="Menu Abandonware"></li>
			<li class="liste"><img src="Gifs/menu.png" width=66 height=22 alt="Menu Abandonware"></li>
	</ul>
</div>


J'obtiens le résultat suivant :

upload/18230-decalage.png

Pourquoi les deux images ne sont-elles pas collées ? D'où vient se petit décalage ?

Merci beaucoup Smiley lol
Modifié par zubaran (05 Nov 2008 - 16:36)
Salut,

zubaran a écrit :

Pourquoi les deux images ne sont-elles pas collées ? D'où vient se petit décalage ?
La réponse est dans la FAQ (qui, comme chacun sait, répond à 90% des questions).
Modifié par Heyoan (05 Nov 2008 - 16:44)