Menu inaccessible á cause de z-index
Bonjour,
Afin de me faciliter la création de template sous Joomla, Je voudrais avoir une image de fond sur laquelle je superpose un logo. Le tout servant de support á un menu horizontal.
Pour rendre les éléments visibles, j'ai utilisé z-index, et ca fonctionne. Du moins les éléments sont visibles, mais je ne peux pas cliquer sur le menu!
J'ai donc éssayé d'enlever le z-index sur le top_menu, et d'en mettre un autre sur logo, mais ca ne m'aide pas!
Est ce que vous pouvez me dire ce que j'ai mal fait?
Que dois je faire pour résoudre mon probléme?
Je joins ci dessous la partie du code relevante:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
#top_menu {
background-image: url(../images/top_menu.png);
width: 1000px;
line-height:70px; /* help to place the texte in height */
margin:0px;
height:70px;
position: absolute;
z-index: -1; }
#top_menu li {
display: inline;
margin: 10px; }
#logo img{
float: right;
/*z-index: 100;*/
margin-right: 10px; } |
Merci par avance pour regarder ce sujet!
Sincérement
Jean-Christophe
