petit probleme de div

Version imprimable

02/01/2006, 19h13
ion

petit probleme de div

bonjour , j'ai un petit probleme avec mes page web.je post ici mais dites moi si il faut deplacer .
Donc voila je fai un site tout simple et j'ai un probleme de div sur une page .
Enfin voici l'url ,http://esinus.be/ , inscrivez vous vite fait pour voir la page suivante , et vous devriez voir mon probleme qui est le menu de gauche qui agrandi la page lorsque vous le deroulez , le menu ne decale pas la page lorsque elle n est qu en html , c quand j'ai placé le code dans un echo que cela apparait , si quelqu'un peut m aider ???
merci d'avance je ne sais vraiment pas comment faire ....
02/01/2006, 20h06
OverCat

Salut,

Il y a un prolème pour l'inscription, je ne peux pas aller plus loin.
02/01/2006, 20h09
OverCat

En fait je crois que c'est avec Firefox que l'inscription ne joue pas, parce qu'avec IE c'est bon...
02/01/2006, 20h21
OverCat

Le problème vient de ton menu Javascript, dès que l'on passe dessus avec la souris il rajoute automatiquement des tableaux et des cellules.

Mois je serai toi j'utiliserais un menu en CSS pur.

@+
02/01/2006, 20h22
ion

oui ca marche que sous ie pour l'instant , je debute en developement et j'ai pas eu le temps de me pencher sur ce probleme
02/01/2006, 20h30
OverCat
Un petit conseil pour ton site, quand tu as des deux champs de connexion, il serait bien que le champ password soit de type password, comme ça on ne peut pas voir le mot de passe quand on le rentre.
Code:

1 2 <input type="password" />
02/01/2006, 20h38
ion

merci overcat pour ces infos :D
02/01/2006, 20h40
OverCat

De rien,

Tu t'en sort avec ce CSS ?

Si jamais je suis là.

@+
04/01/2006, 03h03
ion

oui merci ca va , plus de probleme now .... =)
Ce que je trouve quand meme bizarre c'est qu'avec l'ancien menu , je l avai mis en <div> donc il ne devait pas decaler tout comme ca , la preuve dans une page html toute simple il ne decale rien mais c'est lorsque j'ai mis le code html dans un echo pour faire page php qu'il a comencé a decaler le tout ....
Enfin bon merci a toi quand meme pour ces conseils :D

j'ai pris un menu deroulant du site que tu m'a montré et il marche c est cool .Cependant il se comporte com un <div> , quand vous reduisez la taille de la fenetre il se met n importe ou decale la page a l ecran .
j'ai essayer absolute , static et relative mais rien ne vas.

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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<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: 0;
padding: 0;
background: white;
font: 3px verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 250;
left: 248;
}
#menu {
width: 10em;
}
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
font-size: 9;
border: 1px solid gray;
background: #ABBDC8;
}
#menu dd {
font-size: 9;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #ffffff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 1;
height: 100%;
}
 
#menu li a:hover, #menu dt a:hover {
background: #eee;
}
 
.mentions {
position: absolute;
top : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}
 
</style>
 
 
 
 
<dl id=menu>
 
		<dt onclick=javascript:montre('smenu2');><a href=#>Playstation 2</a></dt>
  		       <dd id=smenu2>
				<ul>
					<li><a href=#>Tutoriels</a></li>
					<li><a href=#>Outils</a></li>
					<li><a href=#>Liens Web</a></li>
				</ul>
			</dd>	
		<dt onclick=javascript:montre('smenu3');><a href=#>Réalisations</a></dt>
			<dd id=smenu3>
				<ul>
					<li><a href=./LesSimpson.htm>Les Simpson</a></li>
					<li><a href=./GuitareRec.htm>Enregistrements</a></li>
				</ul>
			</dd>	
 
		<dt onclick=javascript:montre('smenu4');><a href=#>Projet Domotique</a></dt>
			<dd id=smenu4>
				<ul>
					<li><a href=#>Presentation</a></li>
					<li><a href=#>Cahier des charges</a></li>
					<li><a href=#>Evolution</a></li>
					<li><a href=#>Documentations</a></li>
				</ul>
			</dd>
 
		<dt onclick=javascript:montre('smenu5');><a href=#>Logiciels</a></dt>
			<dd id=smenu5>
				<ul>
					<li><a href=#>Gravure</a></li>
					<li><a href=#>Securite</a></li>
					<li><a href=#>Crack/Patch</a></li>
					<li><a href=#>Internet</a></li>
					<li><a href=#>Divers</a></li>
				</ul>
			</dd>
 
</dl>

Si quelqu'un a quelque chose a me proposer
merci d'avance. =)