| Probleme z-index Multimenu 1.82 |
Titre du sujet : Probleme z-index Multimenu 1.82
par Anonyme sur 08/12/2009 14:35:57
Bonjour à tous,
Je cherche depuis un moment et le problème que je rencontre commence à me rendre chèvre ...
J'utilise Multimenu 1.82 sur une version 2.3.2 de Xoops. J'ai utilisé le modèle "Déroulant horizontal CSS" afin de créer un menu pour mon site.
Le problème que je rencontre est le suivant : Le menu déroulant qui est développé au passage de la souris passe derrière les images contenues dans les pages crées avec le module News. J'ai trouvé quelqu'un qui a le même problème que moi dans ce SUJET.
Comme je le pensais, on doit pouvoir régler le problème en fixant des attributs z-index dans le css correspondant au modèle de menu que j'utilise.
J'essaye maintenant depuis un temps certain mais aucun de mes essais ne s'est avéré être un succès...
Où mettre ce z-index ??? ^^
Je vous joints le css que j'ai modifié pour mon menu.
D'avance merci !
/* common styling */
/* set up the overall width of the menuhcss div, the font and the margins */
li { margin-left: 0;}
.menuhcss {
font-family: arial, sans-serif;
margin:0 0;
padding-left:5px;
padding-top:7px;
z-index:99;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menuhcss ul {
padding:0;
margin:0;
list-style-type: none;
}
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.menuhcss ul li {
float:left;
position:relative;
list-style-type: none;
}
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menuhcss ul li a, .menuhcss ul li a:visited {
display:block;
/*text-align:center; */
text-decoration:none;
height:20px;
color:#fff;
border:1px solid #fff;
border-width:1px 2px 0 0;
background:#afd733;
line-height:20px;
font-size:12px;
z-index:99;
}
/* make the dropdown ul invisible */
.menuhcss ul li ul {
display: none;
}
/* specific to non IE browsers */
/* set the background and foreground color of the main menuhcss li on hover */
.menuhcss ul li:hover a {
color:#fff;
background: #a3ccf5;
}
/* make the sub menuhcss ul visible and position it beneath the main menuhcss list item */
.menuhcss ul li:hover ul {
display:block;
position:absolute;
top:21px;
}
/* style the background and foreground color of the submenu links */
.menuhcss ul li:hover ul li a {
display:block;
background:#eef1e3;
color:#000;
width:150px;
margin: 0 0 0 0;
}
/* style the background and forground colors of the links on hover */
.menuhcss ul li:hover ul li a:hover {
background:#e3edf1;
color:#000;
width:150px;
}
/*
.menuhcss ul li:hover ul li.cat a {
background:#ffffff;
color:red;
}
.menuhcss ul li:hover ul li.note a {
background:#ffffff;
color:green;
}
*/
.menuhcss ul li:hover a.cat {
background:#ffffff;
color:red;
}
.menuhcss ul li:hover a.cat:hover{
background:#ffffff;
color:blue;
}
.menuhcss ul li:hover a.note {
background:#ffffff;
color:green;
}
.menuhcss ul li:hover a.note:hover {
background:#ffffff;
color:blue;
}
|
|
