menu deroulant css

Version imprimable

19/06/2006, 09h54
cell

menu deroulant css

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?
19/06/2006, 09h56
kahya

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

menu deroulant css

voici le code correspondant au menu

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
 
<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:

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%;
}

19/06/2006, 10h07
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.
19/06/2006, 10h40
cell

menu deroulant css
donc voile ce ke j'ai ajouter dans ma feuille de style pour la iframe
Code:

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
19/06/2006, 10h50
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...)
19/06/2006, 10h53
cell

menu deroulant css

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é?
19/06/2006, 11h19
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 !))
19/06/2006, 11h22
cell

menu deroulant css

ben en fait mon menu est dans un tableau dans la page principale mais ce tableau est suivi d'une iframe
19/06/2006, 11h24
IdF-Socrateus

bien compris, mais le menu ne passera jamais par-dessus une frame ou une iframe avec du CSS
19/06/2006, 11h39
cell

menu deroulant css

par contre je peut réalise un menu deroulant horizontal sur une ligne comme ca je ne suis po obligé d'enlevé ma iframe?
19/06/2006, 11h46
cell

menu deroulant css

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