Discussion :

[ion]

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 ....

[OverCat]

Salut,

Il y a un prolème pour l'inscription, je ne peux pas aller plus loin.

[OverCat]

En fait je crois que c'est avec Firefox que l'inscription ne joue pas, parce qu'avec IE c'est bon...

[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.

@+

[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

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<input type="password" />

[ion]

merci overcat pour ces infos

[OverCat]

De rien,

Tu t'en sort avec ce CSS ?

Si jamais je suis là.

@+

[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

[ion]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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. =)