11/08/2010, 16:04:07
Citation :#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~bonjour,
#~ Version du CMS: 1.7.x
#~ Nom de l'hébergeur :
#~ Informations Système :
#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~
J'ai réalisé un menu horizontal et un sous menu également horizontal avec le gabarit cssmenu.tpl
Je me suis inspiré pour les css d'un message posté en 2009 (http://forum.cmsmadesimple.org/index.php...979.0.html)
Je voudrais que lorsque l'on arrive sur les pages, le sous-menu reste affiché.
J'ai bien essayé à mettre des display: block; dans tous les sens mais je n'y arrive pas
Si quelqu'un a une idée...
En tout cas grâce à ce forum, mon site avance bien, merci à tous..
Je ne peux malheureusement pas faire de lien, car il me faut indiquer une adresse ip spécifique dans mon ordi pour le voir, l'ancien site étant toujours fonctionnel.
Mes css :
Code :
#menuwrapper{
}
#menuwrapper ul#primary-nav{
width: 950px;
margin: 0 auto;
height: 50px;
position: relative;
}
#menuwrapper ul#primary-nav li{
float: left;
list-style-type: none;
}
#menuwrapper ul#primary-nav li a{
display: block;
float: left;
padding: 3px 12px 5px ;
font-size: 12px;
font-weight: bold;
color: #fff;
text-decoration: none;
}
#menuwrapper ul#primary-nav li a:hover{
background: #000;
}
#menuwrapper ul#primary-nav li.menuactive a{
background: #000;
}
#menuwrapper ul#primary-nav li ul {
position: absolute;
top: 22px;
left: 69px;
width: 750px;
}
#menuwrapper ul#primary-nav li ul li a{
display: none;
float: left;
padding: 5px 12px 4px;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
background: none;
z-index:10;
}
#menuwrapper ul#primary-nav li ul{
padding: 0;
}
#menuwrapper ul#primary-nav li:hover ul li a{
display: block;
background-image: url(images/pattern_menu_bas_rouge.png);
background-repeat: repeat-x;
}
#menuwrapper ul#primary-nav li.menuactive:hover ul li a{
height:15px;
display: block;
}
#menuwrapper ul#primary-nav li ul#first-second-nav li a{
display: block;
background: none;
z-index:5;
}
#menuwrapper ul#primary-nav li ul li a:hover{
background-image: url(images/pattern_menu_bas_gris.png);
background-repeat: repeat-x;
height:15px;
}
#menuwrapper ul#primary-nav li ul li.menuactive a{
background-image: url(images/pattern_menu_bas_gris.png);
background-repeat: repeat-x;
}