Bonjour,
J'ai réussi à faire un menu Dropdown sur mon blogue personnel. Yes! 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 Je ne comprend pas trop là.
Auriez-vous une idée de l'endroit ou pourrait venir le problème?
Mon code :
Mon css :
Merci beaucoup pour votre aide
Modifié par Mireldar (13 Mar 2008 - 23:28)
J'ai réussi à faire un menu Dropdown sur mon blogue personnel. Yes! 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 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
Modifié par Mireldar (13 Mar 2008 - 23:28)