28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai réussi à faire un menu Dropdown sur mon blogue personnel. Yes! Smiley ravi http://les-singes.sffq.org/

Il est bien positionné quand je le visionne IE, mais il est 10px trop bas et 1em trop à gauche quand je le visionne sur Firefox. Pourtant le margin et le padding de mon body est à 0 Smiley confus Je ne comprend pas trop là.

Auriez-vous une idée de l'endroit ou pourrait venir le problème?

Mon code :

<div id="menuh">
  <ul>
    <?php wp_register ('<li class="menuh">' , '</li>'); ?> 
    <li class="menuh">
<a href="<?php bloginfo('url'); ?>">Accueil</a> </li> 
<?php wp_list_pages('depth=2&title_li=') ?>
</ul>
</div>



Mon css :

#menuh {
    background:#777;
    font-size:0.8em;
    margin: 0;
    padding: 0;
}

#menuh, #menuh ul {
	background:#777;
        list-style:none;
	line-height:1.6em;
}

#menuh a ,#menuh a:hover{
	background:#777;
        display:block;
	text-decoration:none;
	border:none;
}

#menuh li {
	float:left;
	list-style:none;
	border-right:1px solid #a9a9a9;
}

#menuh a,#menuh a:visited {
	display:block;
	font-weight:bold;
	color: #cccccc;
	padding:6px 6px;
}

#menuh a:hover, #menuh a:active
{
	background:#000;
	text-decoration:none
}	

/* Dropdown Menu */
#menuh li ul {
	position: absolute;
	left: -999em;
	height: auto;
        width: 174px;
	border-bottom: 1px solid #a9a9a9;
}

#menuh li li {
	width: 174px;
	border-top: 1px solid #a9a9a9;
	border-right: 1px solid #a9a9a9;
	border-left: 1px solid #a9a9a9;
	background: #777;
}

#menuh li li a,#menuh li li a:visited{
	font-weight:normal;
	font-size:0.8em;
	color:#FFF;
}

#menuh li li a:hover,#menuh li li a:active{
	background:#000;
}	

#menuh li:hover ul, #menuh li li:hover ul, #menuh li li li:hover ul, #menuh li.sfhover ul, #menuh li li.sfhover ul, #menuh li li li.sfhover ul{
	left: auto;
}

a.main:hover{
    background:#777;
}


Merci beaucoup pour votre aide Smiley smile
Modifié par Mireldar (13 Mar 2008 - 23:28)
Salut,

Pour ton problème de décalage,
 #menuh ul {
margin: 0 ;}

Par contre ton positionnement est curieux et ton menu est à revoir...
regarde du côté des tutos