18073 sujets

Questions générales et questions de débutants

Mon menu deroulant "pousse" mon site malgres le z-index

Voici le code:
CSS:

<style>
body {
     margin: 0; /* pour viter les marges */
     text-align: center; /* pour corriger le bug de centrage IE */
     }
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 18px;
	z-index:100;
}
#menu dl {
float: left;
width: 266px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #eee;
}
#site {
z-index:1;
}
		 
.style1 {font-family: Arial, Helvetica, sans-serif}
</style>


HTML:

<body>
<img src="images/Bandeau_BackOff.gif" width="798" height="102">
		<div id="menu">
			<dl>
		
				<dt onmouseover="javascript:montre();"><a href="" title="Retour à l'accueil">News</a></dt>
			</dl>
			
			<dl>			
				<dt onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('');">Artistes</dt>
		
				<dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('');">
					<ul>
						<li><a href="#">Sous-Menu 1.1</a></li>
						<li><a href="#">Sous-Menu 1.2</a></li>
						<li><a href="#">Sous-Menu 1.3</a></li>
						<li><a href="#">Sous-Menu 1.4</a></li>
						<li><a href="#">Sous-Menu 1.5</a></li>
						<li><a href="#">Sous-Menu 1.6</a></li>
				  </ul>
				</dd>
			</dl>
			
			
			<dl>	
				<dt onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');">Prod Exé</dt>
		
					<dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');">
					<ul>
						<li><a href="#">Sous-Menu 2.1</a></li>
						<li><a href="#">Sous-Menu 2.2</a></li>
						<li><a href="#">Sous-Menu 2.3</a></li>
						<li><a href="#">Sous-Menu 2.4</a></li>
					</ul>
		
					</dd>
			</dl>
		</div>
		<div id="site">
		<form action="" method="post" enctype="multipart/form-data" name="form1">
		<table width="790" border="0" cellpadding="0" cellspacing="0">
		
--Table contenant mon formulaire--

</table>
</form>
</div>
</body>


Alors, là je sais pas trop...
Mes z-index devraient eviter ce probleme pourtant...
Modifié par furious gontran (20 Sep 2005 - 17:37)
Administrateur
Bonjour à toi aussi (un peu de politesse ne fait pas de mal avant de balancer une tartine de code, ne trouves-tu pas ?)

Bref, à tout hasard, as-tu lu la partie nommée "Attention aux décalages !" dans le tutoriel sur les menus déroulants ? Smiley sweatdrop
Mon petit doigt me dit que non Smiley ohwell

Aaah l'ère "fast-food" d'internet Smiley rolleyes

PS : qu'en est-il de ton autre sujet : http://forum.alsacreations.com/topic.php?fid=23&tid=7306 ?
Est-il résolu ? Si oui, merci de le marquer comme tel Smiley cligne
Sinon, il faudrait éviter de laisser traîner des sujets et d'en ouvrir d'autres.

Désolé d'être sec, mais je suis là pour faire appliquer certaines règles de communauté.
Modifié par Raphael (20 Sep 2005 - 17:59)
Salut !!!

Comment je fais pour le marquer resolu l'autre sujet ?

Je viens de regler le probleme que j'avais grace au petit paragraphe que je n'avais pas lu et a celui sur le centrage (pour les blocs absolus)...

Je pense que je vais telecharger les tutos en pdf pour potasser dans le metro car ils y'as encore des bases que j'ais du mal a saisir.
Si ca ne suffit pas je me payerais un bouquin.
furious gontran a écrit :
Salut !!!

Comment je fais pour le marquer resolu l'autre sujet ?


Un tour par les règles pour ce qui est des préconisations et un autre tour dans la faq pour les questions fréquemment posées (par les modos dans ce cas précis Smiley cligne ) comme celle-ci: Comment éditer un sujet sur le forum, et comment classer un sujet en [Résolu] ?

a écrit :
Je viens de regler le probleme que j'avais grace au petit paragraphe que je n'avais pas lu et a celui sur le centrage (pour les blocs absolus)...


Il est recommandé sur un forum où l'on demande de l'aide de donner la solution que l'on a trouvé, elle pourrait être utile à d'autres Smiley cligne . Merci.

a écrit :
Je pense que je vais telecharger les tutos en pdf pour potasser dans le metro car ils y'as encore des bases que j'ais du mal a saisir.
Si ca ne suffit pas je me payerais un bouquin.


Fais les deux Smiley lol .
Sujet clos
Aller à