Salut, je suis entrain de réaliser mon premier site sous wordpress et j'ai un petit soucis au niveau du menu de navigation horizontal.
J'ai bien ma barre de menu qui s'affiche sous le header mais ce sont les sub-pages qui posent problèmes. Elles s'intercallent dans le menu alors que j'aimerais avoir uniquement les pages qui s'affichent, et que les sous-pages s'affichent en dessous de la page concernée quand on passe sa souris dessus.
Un exemple si c'est pas clair : http://espn.go.com/
Quand on passe sur la barre myESPN, par exmple sur NFL, il y a le sous-menu de cette page qui s'affiche.
Bon biensur je ne veux pas mettre d'images ni rien, juste la liste des sous-pages (NFL home, NFL draft, etc. dans l'exemple)
Voilà le code que j'ai pour l'instant :
HTML (dans <body> sous le header):
<div id="navcontainer">
<ul>
<?php
wp_list_pages('&title_li=&link_before=<span>&link_
after=</span>&depth=2'); ?>
</ul>
</div/>
CSS
- navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #036;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}
- navcontainer ul li { display: inline; }
- navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #036;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}
- navcontainer ul li a:hover
{
background-color: #369;
color: #fff;
}
quelqu'un peut-il m'aider ? 