Bonjour,
Pour tous mes autres soucis, j'ai essayé de trouver par moi-même mais là je bloque depuis un moment.
J'ai sur le site http://www.etiennechampollion.com/?theme=jouffrey2 une barre de menu horizontale que je dois placer juste sous l'en-tête.
Or, elle maintient une marge imaginaire (alors qu'aucune marge n'est définie, ni padding dans le div parent - Firebug ne m'en montre aucune).
Je n'arrive pas à comprendre pourquoi la barre ne se colle pas, elle vient pourtant, dans le flux html, juste après <header>.
Pouvez-vous m'aider à y voir plus clair ?
Merci
Voici mon code
Pour tous mes autres soucis, j'ai essayé de trouver par moi-même mais là je bloque depuis un moment.
J'ai sur le site http://www.etiennechampollion.com/?theme=jouffrey2 une barre de menu horizontale que je dois placer juste sous l'en-tête.
Or, elle maintient une marge imaginaire (alors qu'aucune marge n'est définie, ni padding dans le div parent - Firebug ne m'en montre aucune).
Je n'arrive pas à comprendre pourquoi la barre ne se colle pas, elle vient pourtant, dans le flux html, juste après <header>.
Pouvez-vous m'aider à y voir plus clair ?
Merci
Voici mon code
<div class="bandeau">
<ul id="nav">
<li><a href="/" title="Accueil du site" id="accueil" class="icone"></a></li>
<?php wp_list_pages('title_li=&depth=2&exclude=65, 25'); ?>
</ul>
</div>
.bandeau {
background-color: #000;
height: 27px;
z-index: 8;
-moz-transition: all 0.5s ease-in-out;
}
#nav {
font-size:1.1em;
}
#nav, #nav ul {
list-style: none;
line-height: 27px;
z-index: 8;
}
#nav a, #nav a:hover {
display: block;
text-decoration: none;
border:none;
}
#nav li {
float:left;
list-style:none;
border-right: 0px none;
text-align: left;
}
#nav a, #nav a:visited {
display:block;
font-weight:bold;
color: #fff;
padding: 0px 6px 0px 24px;
background-repeat: no-repeat;
-moz-transition: color 0.5s ease-in-out;
}
#nav a:hover {
color: yellow;
z-index: 9;
text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #b81600, 0 0 70px #b81600, 0 0 80px #b81600, 0 0 100px #b81600, 0 0 150px #b81600;
-moz-transition: color 0.5s ease-in-out;
}
#nav .current_page_item a {
background-image: url(images/jouffrey_18_saute.png);
color: red;
-moz-transition: color 0.5s ease-in-out;
}
#nav li ul {
position: absolute;
left:-999em;
height: 27px;
width: 200px;
border-bottom: 0px none;
opacity: 0;
-moz-transition: all 0.5s ease-in-out;
}
#nav li li {
width: 200px;
border-top: 0px none;
border-right: 0px none;
border-left: 0px none;
background-color:#000;
opacity: 1;
-moz-transition: all 0.5s ease-in-out;
}
#nav li li a, #nav li li a:visited {
font-weight:normal;
font-size:0.9em;
color:#FFF;
opacity: 1;
-moz-transition: all 0.5s ease-in-out;
}
#nav li li a:hover, #nav li li a:active {
color: yellow;
opacity: 1;
-moz-transition: all 0.5s ease-in-out;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
opacity: 1;
left: auto;
color: yellow;
-moz-transition: all 0.5s ease-in-out;
}
a.main:hover
{
background:none;
}
.page_item a, page_item a:visited {
display:block;
font-weight:bold;
background-image: url(images/jouffrey_18_droit.png);
background-repeat: no-repeat;
background-position: 0px 4px;
color: yellow;
}
.page_item a:hover, page_item a:active {
display:block;
font-weight:bold;
background-image: url(images/jouffrey_18_saute.png);
background-repeat: no-repeat;
color: red;
}
.page-item-140 a, .page-item-140 a:visited, .page-item-688 a, .page-item-688 a:visited {
display:block;
font-weight:bold;
background-image: url(images/logo_marsh_petit.png);
background-repeat: no-repeat;
}
.page-item-140 a:hover, .page-item-140 a:active, .page-item-688 a:hover, .page-item-688 a:active {
background-image: url(images/logo_marsh_petit_hover.png);
}
