Menu css au dessus d'une iframe ?
Bonjour,
J'ai réalisé un menu horizontal en suivant les indications présentes ici (premier exemple):
http://css.developpez.com/galerie/?p...us-horizontaux
Mais page est divisée grace à cette méthode :
http://ditch.developpez.com/javascript/partialupdate/
Mon problème est donc que mon menu est masqué par une iframe mais seulement quand le site est sur le serveur de prod... Quand il est sur mon poste tout marche impeccable... Je tourne en rond depuis qq jours, si quelqu'un pouvait m'aider :oops:
Voici mon code CSS :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
| /********************************/
/* début menu déroulant */
/********************************/
ul, li {
list-style-type:none;
}
/*chaque sous-menu*/
#menu ul li {
position:relative;
float:left;
width:125px;
cursor:pointer;
display:block;
background:none;
height:22px;
}
/*carré déroulant sous un sous-menu niveau 1*/
#menu ul li ul {
display:none;
position:absolute;
width:125px;
border:1px solid #dddddd;
border-top:none;
top:22px;
left:0;
}
/*sert uniquement pour le mot Accueil*/
#menu ul li a {
position:relative;
float:left;
width:125px;
cursor:pointer;
display:block;
background:none;
height:22px;
}
#menu ul li ul li {
height:100%;
}
#menu ul li ul li a {
color:#3399ff;
font-size:11px;
font-weight:normal;
display:block;
height:100%;
border-top:1px solid #dddddd;
}
/*au passage de la souris on inverse les couleurs de la case*/
#menu ul li ul li a:hover {
color:#ffffff;
background:#3399ff;
}
/*décalage des sous-menu niveau 2 vers la droite*/
#menu ul li ul li ul {
top:0px;
left:125px;
}
/*décalage du sous-menu niveau 2 le plus à droite vers la gauche*/
#menu ul li ul li ul.dernier {
left:-127px;
} |
Merci par avance
PS : oupss je me suis trompé je n'ai pas posté dans la bonne catégorie, toutes me excuses.
