Problème avec liste a puce

Salut,

j'ai un souci avec ma liste a puce et je ne vois pas quel paramètre à modifié ca.

J'ai un menu basé sur une liste, quand je clique sur mon lien, une liste a puce apparait libérant le sous-menu, avec un décalage par rapport au lien principale.

mais je n'ai plus ce décalage, la liste se place juste en dessou

pourriez vous m'aider????

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
 
<dl>
		<dt onclick="javascript:montre('smenu1');"><a href="#">Vente</a></dt>
			<dd id="smenu1">
				<ul>
					<li><a href="main.php?setpage=bien.php&type=Villa&acquis=Vente">Villa</a></li>
					<li><a href="main.php?setpage=bien.php&type=Maison&acquis=Vente">Maison</a></li>
					<li><a href="main.php?setpage=bien.php&type=Appart&acquis=Vente">Appartement</a></li>
					<li><a href="main.php?setpage=bien.php&type=Terrain&acquis=Vente">Terrain</a></li>
					<li><a href="main.php?setpage=bien.php&type=Bureau&acquis=Vente">Bureau & espace commercial</a></li>					
				</ul>
			</dd>				
		<dt onclick="javascript:montre('smenu2');"><a href="#">Location</a></dt>
			<dd id="smenu2">
				<ul>
					<li><a href="main.php?setpage=bien.php&type=Villa&acquis=Location">Villa</a></li>
					<li><a href="main.php?setpage=bien.php&type=Maison&acquis=Location">Maison</a></li>
					<li><a href="main.php?setpage=bien.php&type=Appart&acquis=Location">Appartement</a></li>
					<li><a href="main.php?setpage=bien.php&type=Terrain&acquis=Location">Terrain</a></li>
					<li><a href="main.php?setpage=bien.php&type=Bureau&acquis=Location">Bureau & espace commercial</a></li>					
				</ul>
			</dd>
		<dt onclick="javascript:montre();"><a href="#">Immobilier neuf</a></dt>
		<dt onclick="javascript:montre();"><a href="main.php?setpage=liens.php">Liens</a></dt>	
		</dl>

et mon css

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
 
 
* {
margin:0;
padding:0;
border:0px solid #000;
font-family:Arial, Helvetica, sans-serif;
}
 
body {
background-image:url(../img/fond.jpg);
}
 
div#global {
margin:0 auto;
padding:10px 0 0 17px;
width: 816px;
height:800px;
background-image:url(../img/background.jpg);
}
 
div#entete {
width:800px;
height:251px;
background-image:url(../img/header.jpg);
}
 
div#piedpage {
margin:0 auto;
width:800px;
height:50px;
background-color:#b4fab0;
clear:both;
}
 
div#menu {
float:left;
width:257px;
/*height:400px;*/
background-color:#fff;
}
 
div#menuhaut {
padding-left:30px;
background-image:url(../img/back-menu.jpg);
background-color:#6c3;
}
 
div#menubas {
height:50px;
background-image:url(../img/back-menu_down.jpg);
background-repeat:no-repeat;
}
 
div#contenu {
float:left;
width:541px;
height:400px;
background-color:#fff;
}

Tu ne donnes pas le code CSS de ton menu, ca risque d'être dur dur :roll:

ben c'est ca le hic, il n'y en a pas, tout se passe au niveau html et javascript pour faire apparaitre et disparaitre le menu.

j'ai crée une mise en page css de l'ensemble de mon site, et mes listes a puce se sont mises a déconner

Bien évidemment que le menu à des styles CSS :roll:
Par exemple :

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
33
34
35
36
37
38
39
40
41
42
 
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 0;
left: 0;
z-index:100;
width: 100%;
}
#menu dl {
float: left;
width: 12em;
margin: 0 1px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
}
#menu dd {
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 dt a:hover {
background: #eee;
}

merci blueice, tu m'as donné la réponse, je devais simplement lui ajouter une marge pour lui faire retrouvé sa place .