28113 sujets

CSS et mise en forme, CSS3

J'ai essayé de faire des menus deroulant en suivant le cours de Alsacréations.
voir la situation http://www.iteks.fr/anarchique.htm
comme vous l'avez peut-être constaté, les sous-menus sont cachés par certains menus. Comment faire pour que cela ne soit pas le cas. J'ai bien essayé avec z-index mais je n'y arrive pas. Smiley bawling
Merci d'avance à toute bonne âme qui m'aidera........
Modifié le 25 Nov 2004 - 10:46
En réalité, je fais reference à menu anachique.htm
Bien, comme tu peux le voir avec sur le lien que j'ai fait, avec
http://www.iteks.fr/anachique.htm Il s'agit du même fichier mais avec les boutons de menus rapprochés. Et quand ils sont trop rapprochés, les sous-mens sont masqués derrières les boutons menus voisins - je ne sais pas si je suis bien clair, le mieux est d'aller sur mon lien.
Bref je souhaite faire un menu en forme de L, qui comporte une partie verticale et une horizontale tout en ayant la même charte graphique.
Si tu enlève le z-index ici :


#menu1,#menu2,#menu3,#menu4 {
position: absolute;
width: 10em;
[#red]z-index: 500;[/#]
}


Ça devrait aller comme tu veux !
Merci
On m'a suggéré la reponse par ailleurs :

#menu1,#menu2,#menu3,#menu4 {
position: absolute;
width: 10em;
[b]z-index: 500;[/b]
}
#menu1 {
top:150px;
left: 200px;
[b]z-index: 4;[/b]
}
#menu2 {
top:250px;
left: 150px;
[b]z-index: 3;[/b]
}
#menu3 {
top:250px;
left: 300px;
[b]z-index: 2;[/b]
}
#menu4 {
top:250px;
left: 500px;
[b]z-index: 1;[/b]
}

le z-index: 500 a été viré mais ce n'est pas suffisant. Il faut placer un z-index propre à chaque menu dependant de sa position par rapport aux autres dans la page.
Smiley smile Merci encore