18041 sujets

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

[RESOLU] Menu déroulant horizontal : position ?

Bonjour,

Je débute et j'ai quelques soucis...
Je souhaitais utilise le menu déroulant horizontal donné en tutoriel sur ce site car je le trouve sympa et adapté au design de mon site.

Mais je ne veux pas que ce menu soit en position "absolute"...
pour la première ligne (le menu) ya pas de souci, il se place ou il faut.
Par contre, le sous-menu reste en haut à droite au lieu de suivre le menu.

voila le code :
<head>
<title>Menu horizontal d&eacute;roulant sur une ligne en CSS</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
	for (var i = 1; i<=10; i++) {
		if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
	}
if (d) {d.style.display='block';}
}
//-->
</script>
<style type="text/css">
<!--

body {
	margin: 10px;
	padding: 0;
	font: 1em Verdana, sans-serif;
	background-color: #031831;
}

dt, dl, dd, ul, li {
list-style-type: none;
margin: 0 10px 0 0;
padding: 0;
}

#menu {
left: 50px;
top: 20px;
}

#menu dl {
float: left;
}
#menu li {
display: inline;
}

#menu a {
text-decoration: none;
color: #fff;
}

#smenu1, #smenu2, #smenu3, #smenu4 {
	position: absolute;
	left: 7px;
	font-size: 0.7em;
	border-top: 1px solid gray;
	width: 691px;
	top: 32px;
}


.mentions {

bottom : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}
a {text-decoration: none;
color: #222;
}
.Style1 {
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}
.Style3 {font-size: 11px; font-weight: bold; }

-->
</style>

</head>


Merci d'avance pour votre aide.

[JAI TROUVE LA SOLUTION]
Modifié par ratch (03 Nov 2007 - 23:48)
Salut,

ratch a écrit :
[JAI TROUVE LA SOLUTION]

Ce qui serait bien ce serait de la partager pour quelqu'un qui aurait le même genre de problème que toi. C'est aussi çà l'esprit de partage communautaire véhiculé par Alsacréations ! Smiley cligne
Sujet clos
Aller à