barre css en dessou d'un header, soucis

[user2home]

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

Code: Tout sélectionner

#header {
background: url(images/header.jpg) no-repeat;
height: 300px;
margin: 3px;
padding: 0px;
}

Et mon menu,

Code: Tout sélectionner

/* 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: Tout sélectionner

<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>

[jcaron]

Ce serait quand même nettement plus simple et plus efficace si tu nous donnais un lien vers la page en question.

Tu as bien noté que le code que tu donnes a un </div> mais pas de <div>? Tu as passé ta page au validateur W3C avant et après l'insertion de ton code?

Jacques.

[tryan]

Salut,

Et avec une position:absolute; ou position:relative; à ton menu, ça ne change rien ?

[Rod la Kox]

C'est quoi le plus important, la barre de menu ou le bandeau ?
Commence par mettre la barre et ensuite repasse si tu a des soucis pour placer ton bandeau...

[user2home]

Le soucis, est que mon thème est deja actif, c'est donc juste un ajout, et c'est la que ca se complique.

[bproductiv]

et l'url ?