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]

le problème est que lon ma imposé l'utilisation de la iframe
mais si je met la iframe dans un div cela peut marché?

[IdF-Socrateus]

j'imagine que tu as essayé, mais ça ne devrait pas fonctionner. Il faut concevoir les frames et iframes comme des fenêtres distinctes qui sont apposées, mises l'une à côté de l'autre, et qui parfois renvoient l'une à l'autre, mais pas comme de la mise en page 'classique' (je suis pas sûr d'être très clair...).
Pour que le menu déroulant s'affiche, il doit être dans une seule et même frame (ou iframe).
Mais redemandes quand même la raison pour laquelle ils veulent une iframe, en expliquant pourquoi ça te bloque; si ça se justifie vraiment... ok... mais sinon ça te permettrait de faire un truc tout aussi 'propre' avec des div positionnées en CSS.
(surtout que tu peux utiliser du php, donc faire des inclusions de header, footer et menu très facilement !))

[cell]

ben en fait mon menu est dans un tableau dans la page principale mais ce tableau est suivi d'une iframe

[IdF-Socrateus]

bien compris, mais le menu ne passera jamais par-dessus une frame ou une iframe avec du CSS

[cell]

par contre je peut réalise un menu deroulant horizontal sur une ligne comme ca je ne suis po obligé d'enlevé ma iframe?

[cell]

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