Salutations, je me permet de poster car j'ai un gros soucis au niveau css, je cherche à intégrer un menu sous ma bannière.
Après beaucoup de tentative, avec différente manière impossible d'arriver au résultat voulu.
Je cherche à intégrer le menu juste en dessou de mon header.
Lors de sa mise en place, j'ai tous le reste qui se décale, donc j'ai bien ma petite barre de menu qui s 'affiche sous mon header, mais le reste fout le camps .. et impossible de résoudre le problème.
Cordialement
J'ai mon header
Et mon menu,
Mon menu inséré en dessou du div header,
Après beaucoup de tentative, avec différente manière impossible d'arriver au résultat voulu.
Je cherche à intégrer le menu juste en dessou de mon header.
Lors de sa mise en place, j'ai tous le reste qui se décale, donc j'ai bien ma petite barre de menu qui s 'affiche sous mon header, mais le reste fout le camps .. et impossible de résoudre le problème.
Cordialement
J'ai mon header
Code:
#header {
background: url(images/header.jpg) no-repeat;
height: 300px;
margin: 3px;
padding: 0px;
}
Et mon menu,
Code:
/* Style appliqué au menu sous le title */
ul#menu, .menu ul
{
width:974px;
height:33px;
background-color:#d5c6a6;
background-image:url(images/menu.png);
list-style-type:none;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
}
ul#menu li, .menu ul li
{
float:left;
margin-top:7px;
padding:0 5px;
border-right:#333333 1px dotted;
margin-left:0;
}
ul#menu li a:link, ul#menu li a:visited, .menu ul li a:link, .menu ul li a:visited
{
display:block;
text-align:center;
padding:0 15px;
text-decoration:none;
color:#333333;
}
ul#menu li a:hover, ul#menu li a:active, .menu ul li a:hover, .menu ul li a:active, ul#menu li.current_page_item a, .menu ul li.current_page_item a:link, .menu ul li.current_page_item a:visited, .menu ul li.current_page_item a:hover, .menu ul .current_page_item a:active
{
background-color:#ffffff;
text-decoration:none;
color:#cc3300;
}
ul#menu li li
{
border-right:none;
margin:0;
margin-top:1px;
width:120px;
padding:0;
}
ul#menu li li li
{
padding-left:1px;
}
ul#menu li li a, ul#menu li li a:link, ul#menu li li a:visited
{
background:#d5c6a6 url(images/submenu.png) bottom;
width:120px;
color:#333333;
font-size:16px;
font-family:Georgia, "Times New Roman", Times, serif;
margin:0;
line-height:25px;
text-align:left;
}
ul#menu li li a:hover, ul#menu li li a:active
{
background:#FFFFFF;
color:#cc3300;
}
ul#menu li ul
{
z-index:9999;
position:absolute;
left:-999em;
height:auto;
width:150px;
margin:0;
padding:0;
list-style-type:none;
}
ul#menu li ul a
{
width:120px;
}
ul#menu li ul ul
{
margin:-26px 0 0 150px;
}
ul#menu li:hover ul ul, ul#menu li:hover ul ul ul
{
left:-999em;
}
ul#menu li:hover ul, ul#menu li.sfhover ul, ul#menu li li:hover ul, ul#menu li li.sfhover ul, ul#menu li li li:hover ul, ul#menu li li li.sfhover ul
{
left: auto;
}
ul#menu li:hover, ul#menu li.sfhover
{
position: static;
}
Mon menu inséré en dessou du div header,
Code:
<ul id="menu">
<li<?php if(is_home()) echo ' class="current_page_item"'; ?>><a href="<?php echo get_option('home'); ?>/">Home</a></li>
<?php wp_list_pages('sort_column=menu_order&title_li=&number=6'); ?>
</ul><!-- /menu --></div>