28218 sujets

CSS et mise en forme, CSS3

Bonjour, j'ai un probleme pour placer un menu horizontal avec onglet.
Un espace se trouve en dessous du premier div sur firefox.
Je suppose qu'il faut metter un clear both mais je ne sais pas ou. J'ai déjà essayé plusieurs possibilités mais rien n'y fait.


J'ai donc 2 div l'un en dessous de l'autre.
L'un contient les onglets.
L'autre en dessous a simplement une bordure de 1 px.
Mais ce dernier est décalé d'environ 10px vers le bas sur firefox.
Est ce du aux images?
Est-ce du au float: left; ??
(ces deux div sont dans un autre div qui les contient tout les deux; il fait 609px de large)
(les onglets font 95px de large)

Merci beaucoup.

Voici l'xhtml:


<div class="cont_onglet">
<ul class="navigation">
<li class="nav_off"><a href="#"><img src="/images/onglet1" /></a></li>
<li class="nav_on"><a href="#"><img src="/images/onglet2" /></a></li>
<li class="nav_off"><a href="#"><img src="/images/onglet1" /></a></li>
<li class="nav_off"><a href="#"><img src="/images/onglet1" /></a></li>
<li class="nav_off"><a href="#"><img src="/images/onglet1" /></a></li>
<li class="nav_off"><a href="#"><img src="/images/onglet1" /></a></li>
</ul>
</div>

<div class="contenu"><br /><br /><br /><br /><br /></div>




et le css:




.cont_onglet{
	margin-top: 25px;
	margin-left: 10px;
	margin-right: 15px; [b]-->28px[/b]
	(margin-bottom: 0; [b]clear: both;[/b]) --> je les ai supprimés aussi
             [b]height:15px;[/b]
}
.contenu{
	margin-top: 0;
	margin-left: 10px;
	margin-right: 28px;
	(border-top: 1px solid #d8ebf0;
	border-right: 1px solid #d8ebf0;
	border-left: 1px solid #d8ebf0;
	border-bottom: 1px solid #d8ebf0;) -->suppression de ces codes
	[b]border: 1px solid #d8ebf0;[/b]
}
.navigation{
	list-style-type: none;
	margin:0 0 0 0;
	padding: 0 0 0 0;
	
}
.nav_on {
   display: inline;
   margin:0 0 0 0;
   padding: 0 0 0 0;
	float: left;
	
}
.nav_off {
   display: inline;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
	float: left;
	
}
img{
   display: block;
	border:none;
}






Wahou!!!!! Smiley biggrin
J'ai réussi!

En gras: ce que j'ai rajouté pour regler le problème
Modifié par Oryo (16 Dec 2005 - 15:19)