28173 sujets

CSS et mise en forme, CSS3

Probleme de mise en page de menu [Résolu]

Bonsoir tout le monde,

Je viens vers vous car j ai un souci d'intégration avec un menu en images.
Le problème n'est visible que sur IE6 pas de teste sur le 7 et pas de problème sur firefox.

J ai créé un conteneur de menu tout simple : 
.conteneur_menu {
	width: 172px;
	vertical-align: top;
}

Les boutons font aussi 172 de largeur il n y a pas <br> pour aller a la ligne.
à l affichage les boutons ne forme qu’un seul block sur fiefox c est le bu recherche mais sur IE6 j ai un espace d environ 3 px entre chaque image.
Auriez vous une idée d'ou peut venir ce soucis d'espacement vertical non voulu

Cordialement,
Hicham
Smiley smile
Modifié par hichoum (16 Jan 2007 - 11:15)
Bonjour hichoum, et bienvenue sur ce forum.

Est-ce que cet article t'aide à régler ce problème ? La fin t'intéressera peut-être tout particulièrement.

Par ailleurs, essaie de penser à fournir toutes les indications nécessaires lorsque tu demandes un coup de main. Il est difficile de t'aider efficacement avec le petit bout de code CSS que tu fournis Smiley smile

Il nous faudrait au moins le code html du menu, ainsi que les règles CSS appliquées au reste de ce menu. Le summum étant, quand c'est possible, de fournir un exemple en ligne Smiley cligne
Salut,
Merci de m'avoir repondu,
je n'ai pas d'exemple en ligne masi voici un bout du code :
css
.conteneur_menu {
	width: 172px;
	vertical-align: top;
}

Html
<div class="conteneur_menu">
	  		<img src="../images/bouton-actu.png" width="172" height="37"/><img src="../images/titre-rub-presentation.png" width="172" height="37"/><img src="../images/bouton-histoire.png" width="172" height="33" hspace="0" vspace="0" border="0"/><img src="../images/bouton-statut.png" width="172" height="33" hspace="0" vspace="0" border="0"/><img src="../images/bouton-siege.png" width="172" height="33" hspace="0" vspace="0" border="0"/><img src="../images/bouton-dom-chales.png" width="172" height="33" hspace="0" vspace="0" border="0"/><img src="../images/bouton-dom-bilherve.png" width="172" height="33" hspace="0" vspace="0" border="0"/><img src="../images/basdegrademenu1.png" hspace="0" vspace="0" border="0"/><br/>
			<img src="../images/titre-rub-organisation.png"/><img src="../images/bouton-coneil-admin.png"/><img src="../images/bouton-delegues.png"/><img src="../images/bouton-lien.png"/><img src="../images/basdegrademenu1.png"/><br/>
			<img src="../images/titre-rub-activite.png" /><img src="../images/bouton-secours.png"/><img src="../images/bouton-cnh.png"/><img src="../images/bouton-ecole.png"/><img src="../images/bouton-bilherve.png"/><img src="../images/bouton-sejour.png"/><img src="../images/bouton-bafa.png"/><img src="../images/bouton-job.png"/><img src="../images/basdegrademenu1.png"/>
		</div>


resultat avec IE :
upload/10418-menuie.png

resultat FF (le bon)
upload/10418-menuff.png

Encore merci
Hicham
Modifié par hichoum (16 Jan 2007 - 00:08)
Merci 3000 fois c est super sympas. Je ne savais même comment tourner ma recherche sur google.
oooouuuuufffff du coup remotive, même plus envie de me coucher aller je continue je vais suivre le tuto

Encore merci
Hicham
Sujet résolu
Modifié par hichoum (16 Jan 2007 - 00:38)
Sujet clos
Aller à