Discussion :

[cell]

bonjour,
je suis en train de réaliser un intranet pour une entreprise. Les outils utilisé sont mysql, php, html et css.
J'ai réalisé un menu déroulant horizontale, cependant le problème qui se pose c'est que lorsque ke je pointe sur un menu deroulant les sous menu s'affiche correctement mais font bouger l'iframe qui se trouve en dessous de ce menu.

J'ai essayé de bloqué la position de la iframe afin que le menu s'affiche par dessus mais cela n'a pas l'air de fonctionner.
Que doi je faire?

[kahya]

un petit bout de code (entre les balises [code]) peut etre? et meme une démo visuelle si çay pas trop demander?

[cell]

voici le code correspondant au menu

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
<div id="menu">
				<dl>
					<dt onmouseover="montre('smenu1');"><a href="#">La valeur d'un indicateur</a></dt>
					<dd id="smenu1">
						<ul>
							<li><a href="" target="contenu">Ajouter</a></li>
							<li><a href="" target="contenu">Modifier</a></li>
						</ul>
					</dd>
				</dl>
				<dl>
					<dt onmouseover="montre('smenu2');"><a href="#">Une &eacute;tape</a></dt>
					<dd id="smenu2">
						<ul>
							<li><a href="" target="contenu">Ajouter</a></li>
							<li><a href="" target="contenu">Modifier</a></li>
						</ul>
					</dd>
				</dl>
				<dl>
					<dt onmouseover="montre('smenu3');"><a href="#">Une action simple</a></dt>
					<dd id="smenu3">
						<ul>
							<li><a href="" target="contenu">Ajouter</a></li>
							<li><a href="" target="contenu">Modifier</a></li>
						</ul>
					</dd>
				</dl>
			</div>

et voici le css correspondant à cela

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
top: 0;
left: 0;
z-index:100;
width: 100%;
}
#menu dl {
float: left;
width: 11.6em;
}
#menu dt {
cursor: pointer;
text-align: center;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: left;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
}

[IdF-Socrateus]

si tu utilise firefox dans ta boîte: position:fixed, en plus tu peux garder le menu fixe...
Sinon avec des z-index (superposition des éléments, comme les calques dans photoshop), mettons que le contenu soit avec un z-index:10; tu mets ton menu avec un z-index:100 par exemple.

[cell]

donc voile ce ke j'ai ajouter dans ma feuille de style pour la iframe

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
#cont {
position: absolute;
z-index: 10;
top : 120px;
left : 120px;
}

donc maintenat la iframe ne bouge po quand j'affiche mes sous menu mais ces dernier s'affiche dernière la iframe donc on ne les voi po

[IdF-Socrateus]

j'avais un peu zappé la iframe, effectivement ça ne passera pas...
Selon la structure de ton site, si tu as moyen de faire une mise en page CSS avec des 'div', ça passera sûr !
(suffit de mettre le menu en include, idem pour le pied de page, et avec seulement le contenu qui change...)

[cell]

c'est bon avec un menu deroulant horizontale une ligne ca fonctionne très bien
merci pour l'aide