Re,
J'essaye dans un premier temps les menus CSS. Mais je rencontre un problème. Tout ce passe bien sauf avec ces deux lignes :
#menuDeroulant .sousMenu { display: none; ...
Cette ligne fait disparaître mon sous menu. Jusque là ça va.
et
#menuDeroulant li:hover > .sousMenu { display: block; }
Cette ligne devrait faire apparaître mon sous menu. Mais il ne se passe rien
Voici le code de mon CSS et la portion de mon theme.html
/* menuDeroulant */
#menuDeroulant li
{
font: 11px verdana, sans-serif;
float: left;
margin: 0;
padding: 0;
border: 0;
}
#menuDeroulant li a:link,
#menuDeroulant li a:visited
{
display: block;
height: auto;
color: #FFF;
background: #3B4E77;
margin: 0;
padding: 4px 8px;
border-right: 1px solid #fff;
text-decoration: none;
}
#menuDeroulant li a:hover { background-color: yellow; }
#menuDeroulant li a:active { background-color: red; }
/* menuDeroulant .sousMenu */
#menuDeroulant .sousMenu
{
display: none;
width: 644px;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
}
#menuDeroulant .sousMenu li
{
float: none;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
}
#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
display: block;
color: #FFF;
margin: 0;
border: 0;
text-decoration: none;
/* background: transparent url("fontr.png") repeat; */
}
#menuDeroulant .sousMenu li a:hover
{
background-image: none;
background-color: gray;
}
#menuDeroulant li:hover > .sousMenu { display: block; }
<ul id="menuDeroulant">
<li>
<a href='<{$xoops_url}>/'>Accueil</a>
<ul class="sousMenu">
<li><a href="#">Choix 1_1</a></li>
<li><a href="#">Choix 1_2</a></li>
<li><a href="#">Choix 1_3</a></li>
</ul>
</li>
<li>
<a href='<{$xoops_url}>/modules/icontent/'>iContent</a>
<ul class="sousMenu">
<li><a href="#">Choix 2_1</a></li>
<li><a href="#">Choix 2_2</a></li>
<li><a href="#">Choix 2_3</a></li>
</ul>
</li>
<li>
<a href='<{$xoops_url}>/modules/newbb/'>Forum</a>
<ul class="sousMenu">
<li><a href="#">Choix 3_1</a></li>
<li><a href="#">Choix 3_2</a></li>
<li><a href="#">Choix 3_3</a></li>
</ul>
</li>
</ul>
Merci de vos réponses
Philippe
