18073 sujets

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

[Newbie]Centrer le menu deroulant

Bonjour,

Tres debutant en CSS j'ais naturellement atteris ici.

Le tuto sur le menu deroulant est super bien fait.
Cependant j'ais un leger probleme assez simple, je pense:

J'ais une image centrée et je voudrais centrer le menu deroulant...
J'ais testé plusieurs trucs mais je n'ais pas reussi a le faire...

Merci d'avancede votre aide.
Administrateur
Salut et bienvenue ici Smiley smile

Qu'est-ce qui te pose problème dans ce tutoriel ?

Peux-tu détailler et donner des exemples comme suggéré dans l'Aide du forum ? Tu te doutes que personne ne peut deviner ton code hein ? Smiley cligne
Modifié par Raphael (19 Sep 2005 - 17:18)
Bien sur, excuse moi
Donc je voudrais centrer le menu.

Alors,
Le javascript est le meme que dans le tuto.
Voici le CSS:

<style type="text/css" media="screen">
<!-- 
body {
margin: 0;
padding: 0;
background: white;
align: center;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
	top: 119px;
	left: -2px;
	z-index:100;
	width: 100%;
	height: 18px;
}
#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 {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}
.style1 {font-family: Georgia, "Times New Roman", Times, serif}
-->
</style>


Le HTML:


<body >
<center>
<div><img src="images/Bandeau_BackOff.gif" width="798" height="102"></div>

		<div id="menu">
			<dl>
		
				<dt onmouseover="javascript:montre();"><a href="" title="Retour à l'accueil">News</a></dt>
			</dl>
			
			<dl>			
				<dt class="style1" onmouseover="javascript:montre('smenu1');">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');">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>
</center>
</body>

Modifié par furious gontran (19 Sep 2005 - 18:16)
Administrateur
furious gontran a écrit :
Bien sur, excuse moi
Donc je voudrais centrer le menu.

OK, mais où as-tu appliqué ce qui est expliqué dans le tutoriel de centrage ?

Merci aussi de bien vouloir lire les Règles du forum (tu ne peux pas rater le lien pour les débutants pourtant !) en ce qui concerne l'affichage des codes.
Je te laisse modifier ton message pour afficher le code lisiblement.
Merci d'avance.
Sujet clos
Aller à