Ou Modifier le fichier javascript ?

**Kenshin86** · 08/03/2007, 16h53

Bonjour

J'ai récupérer un fichier *.js

Il s'agit d'un menu dynamique vertical que je veux intégrer a mon site.

Il fonctionne bien par contre quand je veux créer un menu qui ne se déroule pas (ex : Le premier accueil qui pointe vers la meme page) il m'affiche "soit error dans la barre du navigateur en bas) soit plein de sous menu "undefined".

Ex:
zlien = new Array;
zlien[0] = new Array; //ACCUEIL (pas de sous menu !)
zlien[1] = new Array; //RUBRIQUE TEST
zlien[1][0] = '<A HREF="" CLASS=ejsmenu>test1</A>'; //sous menu 1 de test
zlien[1][1] = '<A HREF="" CLASS=ejsmenu>test2</A>';//sous menu 2 de test

Cordialement,

**SpaceFrog** · 08/03/2007, 17h25

un menu avec des href en innerHTML

...

apr contre si tu veux qu'on le modifie quand même faudra nous en montrer un peu plus ...

**Kenshin86** · 08/03/2007, 18h19

Ok , tu peux m'expliquer c'est quoi la différence avec ou sans innerHTML ?

Je veux juste créer un menu simple (modifiable par la taille,couleurs , police ,etc...) ou lorsqu'on passe la souris sur le champ , se développe a droite ce qu'elle contient. Donc si vous avez une source javascript qui le fais , ça serait gentil

Sinon voici le code complet :

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
bgcolor='#006699';
bgcolor2='#6699CC';
document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:15; left:99px ')
document.write('#topgauche { position:absolute;  z-index:10; }')
document.write('A:hover.ejsmenu {color:#FFFFFF; text-decoration:none;}')
document.write('.ejsmenu {color:#FFFFFF; text-decoration:none;}')
document.write('</style>')
document.write('<div style="position:relative;height:25"><DIV class=popper id=topdeck></DIV>');
 
/*
LIENS
*/
zlien = new Array;
zlien[0] = new Array;
zlien[1] = new Array;
zlien[1][0] = '<A HREF="" CLASS=ejsmenu>test1</A>';
zlien[1][1] = '<A HREF="" CLASS=ejsmenu>test2</A>';
if(document.getElementById)
	{
	skn = document.getElementById("topdeck").style
	skn.left = 99;
	}
 
function pop(msg,pos)
{
skn.visibility = "hidden";
a=true
skn.top = pos;
var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=150><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=1>";
pass = 0
while (pass < msg.length)
	{
	content += "<TR><TD BGCOLOR="+bgcolor+" onMouseOver=\"this.style.background='"+bgcolor2+"'\" onMouseOut=\"this.style.background='"+bgcolor+"'\" HEIGHT=20><FONT SIZE=1 FACE=\"Verdana\">&nbsp;&nbsp;"+msg[pass]+"</FONT></TD></TR>";
	pass++;
	}
content += "</TABLE></TD></TR></TABLE>";
document.getElementById("topdeck").innerHTML = content;
skn.visibility = "visible";
}
function kill()
{
	if(document.getElementById)
		skn.visibility = "hidden";
}
document.onclick = kill;
if(document.getElementById)
	{
	document.write('<DIV ID=topgauche><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=100 HEIGHT=40><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=40>')
document.write('<tr><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'" CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Accueil</FONT></TD></tr>')
document.write('<tr><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[1],20)" onMouseOut="this.style.background=\''+bgcolor+'\'" CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Test</FONT></TD></tr>')
	document.write('</TABLE></TD></TR></TABLE></DIV>')
	}
document.write('</div>');

**Auteur** · 08/03/2007, 20h54

bonjour,

utilise ce code :
http://www.developpez.net/forums/sho...d.php?t=280462

**Kenshin86** · 08/03/2007, 21h57

Ok merci , entre temps j'avais trouvé une autre solution mais la tienne est bien meilleure !

par contre , quand j'ai mis mon menu a gauche , je n'arrive pas a écrire dans le corps (a droite du menu). Il m'affiche mon texte soit a la fin du tableau (ou il n'y a plus de menu) ou quand le menu est tout en bas.

**Auteur** · 09/03/2007, 00h21

Envoyé par Kenshin86

Ok merci , entre temps j'avais trouvé une autre solution mais la tienne est bien meilleure !

par contre , quand j'ai mis mon menu a gauche , je n'arrive pas a écrire dans le corps (a droite du menu). Il m'affiche mon texte soit a la fin du tableau (ou il n'y a plus de menu) ou quand le menu est tout en bas.

le corps est le div ou il y a la série de "bla bla" avec l'attribut float.

Je ne comprends pas ce que vient faire ton tableau, montre moi ton code.

**Kenshin86** · 09/03/2007, 14h03

J'ai un div qui encadre toute la page, j'ai tout a l'intérieur , cependant le menu vient se glisser sous le cadre

(lorsque la ligne est activée -> PS1)

Sinon lorsque je la supprime alors je ne peux pas mettre le texte sur la meme ligne que le tableau. C'est soit en haut , soit en bas !

Donc je t'envoie ma page, si tu peux corriger pour moi , ça serait vraiment sympa.

PS 1 :
 

PS 2 : A noter que moi j'ai mis une DTD HTML 4.01

PS 3 : Dans le menu , comment faire pour créer une ligne sans dérouler (ex:accueil)

Code :

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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Accueil</title>
<meta name="author" content="de XXXXXXXXXXXXX" >
<meta name="generator" content="Notepad++" >
<meta name="description" content="Acceuil" >
<meta name="keywords" content="" >
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" >
<meta http-equiv="Content-Script-Type" content="text/javascript" >
<meta http-equiv="Content-Style-Type" content="text/css" >
<link rel="stylesheet" type="text/css" href="style.css">
<style type="text/css">
<!--
/******** Feuille de styles du menu ************/
.conteneurMenu{
float: left;
width: 150px; /** Tenir compte du width de titreMenu **/
border: none;
align: center;
padding: 0px;
margin: 5px;
}
 
.menu{
float: left;
margin: 1px;
padding: 2px;
clear: both;
}
 
.titreMenu, .contenuMenu, .lienMenu{
color: #000000;
}
 
.titreMenu, .contenuMenu{
border: 2px outset #AAAAAA;
width: 120px;
text-align: center;
margin: 0px;
padding: 0px;
float: left;
}
 
.titreMenu{
z-index: 0;
}
 
.contenuMenu{
display: none;
background-color: #FFFFFF;
position: absolute;
z-index: 1;
}
 
.menuOverflow{
overflow: auto;
height: 200px;
}
 
.itemOver{
background-color: #AAAAFF;
/*font-weight: bold;*/
}
 
.itemOut{
background-color: #FFFFFF;
}
 
.lienMenu{
text-decoration: none;
}
 
.crlf{
clear: both;
visibility: hidden;
}
 
/******** Fin de la feuille de styles du menu ************/
//-->
</style>
 
<script type="text/javascript">
<!--
/******** Debut du script du menu ************/
var timer = null;
var objOut = null;
 
function mouseOut(obj)
{
var elmt = document.getElementById(obj.id+"Item");
elmt.style.display = "none";
 
document.getElementById(obj.id+"Titre").className = "titreMenu itemOut";
//document.getElementById(obj.id+"Titre").style.borderStyle="outset";
 
//instruction a placer a la fin de la fonction
timer = null;
}
 
function fout(obj)
{
objOut = obj;
if (timer==null)
{
timer = setTimeout("mouseOut(objOut)","1000");
}
}
 
 
function fover(obj)
{
var elmt, elmtTitre;
clearTimeout(timer);
timer = null;
 
elmt = document.getElementById(obj.id+"Item");
elmt.style.display = "block";
 
elmtTitre = document.getElementById(obj.id+"Titre");
 
elmtTitre.className = "titreMenu itemOver";
//elmtTitre.style.borderStyle = "inset";
 
if (document.all==null) //si on est sous IE pas besoin d'ajuster les positions
elmt.style.left = elmtTitre.offsetLeft+elmtTitre.clientWidth+"px";
 
if (objOut!=obj && objOut!=null)
{
mouseOut(objOut);
}
}
 
//-->
</script>
</head>
 
 
 
 
<div id="cadre"> <!-- APPEL DIV (CADRE GLOBAL NOIR) -->
<div id="header"> <!-- APPEL DIV (CBANNIERE VERTE) -->
<br> <br> <br> <br> <!-- 4 SAUTS DE LIGNE (ADAPTER IMG DANS BANNIERE)-->
<!-- 14 ESPACES (CENTRER IMG DANS BANNIERE)-->
&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
<!--LIEN VERS SITE CREDIT AGRICOLE --> <!-- Ouverture d'une nouvelle fenetre !-->
<a href="http://www.ca-guadeloupe.fr" target="_blank" title="-">
<img src="images/ban_01.gif" title="-" alt="ban_01" > <!-- AFFICHAGE LOGO 1 -->
<!-- 25 ESPACES (COLLER 2 LOGOS DANS BANNIERE) -->
&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
&nbsp &nbsp &nbsp &nbsp &nbsp
 
<img src="images/ban_02.gif" title="-" alt="ban_02" ><!-- AFFICHAGE LOGO 2 -->
</a>
</div>
 
 
 
<br>
<!-- Debut Menu 1 -->
 
<!--<div class="conteneurMenu"> --> <!-- LORSQUE CETTE LIGNE EST ACTIVé , tout est décallé -->
 
<div class="menu" id="Menu1" onmouseout="fout(this)" onmouseover="fover(this)">
 
<div class="titreMenu itemOut" id="Menu1Titre">Menu 1</div>
 
<div class="contenuMenu" id="Menu1Item">
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 11</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 12</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 13</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 14</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 15</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 16</a></div>
</div>
 
</div>
<!-- Fin Menu 1 -->
<!-- Debut Menu 2 -->
<div class="menu" id="Menu2" onmouseout="fout(this)" onmouseover="fover(this)">
<div class="titreMenu itemOut" id="Menu2Titre">Menu 2</div>
 
<div class="contenuMenu" id="Menu2Item">
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 21</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 22</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 23</a></div>
</div>
 
</div>
<!-- Fin Menu 2 -->
<!-- Debut Menu 3 -->
<div class="menu" id="Menu3" onmouseout="fout(this)" onmouseover="fover(this)">
<div class="titreMenu itemOut" id="Menu3Titre">Menu 3</div>
 
<div class="contenuMenu menuOverflow" id="Menu3Item">
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 30</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 31</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 32</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 33</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 34</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 35</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 36</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 37</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 38</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 39</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 3A</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 3B</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 3C</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 3D</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 3E</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 3F</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 40</a></div>
</div>
</div>
 
<!-- Menus 4 et 5-->
<div class="menu" id="Menu4" onmouseout="fout(this)" onmouseover="fover(this)">
<div class="titreMenu itemOut" id="Menu4Titre">Menu 4</div>
 
<div class="contenuMenu" id="Menu4Item">
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 41</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 42</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 43</a></div>
</div>
 
</div>
<div class="menu" id="Menu5" onmouseout="fout(this)" onmouseover="fover(this)">
<div class="titreMenu itemOut" id="Menu5Titre">Menu 5</div>
 
<div class="contenuMenu" id="Menu5Item">
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 51</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 52</a></div>
<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 53</a></div>
</div>
 
</div>
<!-- Fin menus 4 et 5 -->
 
<div><br /><br /></div>
<hr class="crlf" />
 
<!-- Fin code HTML du menu -->
<p align="top"> OKAYYY </p>
 
 
 
 
 
<!--/////////////////////////////////// FOOTER ////////////////////////// -->
<div id="footer"> <!-- APPEL DIV (FOOTER) -->
 
Toutes les informations contenues dans ce site sont strictement réservées à un usage interne
&nbsp ©
</div>
</div>
</body>
</html>

**Kenshin86** · 09/03/2007, 14h46

Je penses plus qu'on va procéder par étape.

Déja pour le menu

Toujours en supprimant la ligne "voir post précédent"

Pour créer un onglet non déroulant :

Code :

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

1
2
3
4
<div class="menu" id="Menu1" onmouseout="fout(this)" onmouseover="fover(this)">
 
	<div class="titreMenu itemOut" id="Menu1Titre"> <a href="accueil.php" class="lienMenu">Accueil</a></div>
</div>

Ca marche , mais il n'y a pas de couleur comme sur les autres onglets.De plus quand je passe mon curseur dessus, j'ai un message "erreur sur la page" sur barre en bas de mon navigateur

**Kenshin86** · 09/03/2007, 15h17

Bon maintenant , tout est ok.

Il reste qu'un seul problème.

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
<!-- Debut code HTML du menu -->
<div class="conteneurMenu">
	<!-- Debut Menu 1 -->
	<div class="menu" id="Menu1" onmouseout="fout(this)" onmouseover="fover(this)"> 
		<div class="titreMenu itemOut" id="Menu1Titre">Menu 1</div>
 
		<div class="contenuMenu" id="Menu1Item">
			<div class="itemOut" onmouseout="this.className='itemOut'" 
			onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 11</a></div>
			<div class="itemOut" onmouseout="this.className='itemOut'" 
			onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 12</a></div>
			<div class="itemOut" onmouseout="this.className='itemOut'" 
			onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 13</a></div>
			<div class="itemOut" onmouseout="this.className='itemOut'" 
			onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 14</a></div>
			<div class="itemOut" onmouseout="this.className='itemOut'" 
			onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 15</a></div>
			<div class="itemOut" onmouseout="this.className='itemOut'" 
			onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 16</a></div>
		</div>
	</div>
<!-- Fin Menu 1 -->
<!-- Debut Menu 2 -->
	<div class="menu" id="Menu2" onmouseout="fout(this)" onmouseover="fover(this)">
		<div class="titreMenu itemOut" id="Menu2Titre">Menu 2</div>
 
		<div class="contenuMenu" id="Menu2Item">
			<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 21</a></div>
			<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 22</a></div>
			<div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 23</a></div>
		</div>
	</div>
<!-- Fin Menu 2 -->
 
		<div><br /><br /></div>
		<hr class="crlf" />
</div> <!-- FIN CONTENEUR MENU-->
 
<!-- Fin code HTML du menu -->

Comment faire pour que le 1er onglet ne se déroule pas et permette d'acceder directement au lien (voir exemple ci dessus) , j'ai mis ce code mais il n'affiche ni la couleur,et il me met une erreur au bas de mon navigateur.

PS : <div><br /><br /></div>
<hr class="crlf" /> . que signifie ce code ?

**Auteur** · 09/03/2007, 15h37

pour le menu : il est constitué de 3 parties :
-Menu#, (le conteneur)
-Menu#Titre, (le titre)
-Menu#Item. (la liste des items)
(# étant un numéro)

Tu as oublié le dernier morceau (qui est la liste des items, d'où l'erreur). SI tu ne veux pas de partie déroulante, ajoute la propriété visibility: hidden au div Menu#Item, comme dans l'exemple ci-dessous et place un   dans le div (pour firefox).

Code html :

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

1
2
3
4
5
6
7
 
<div class="menu" id="Menu6" onmouseout="fout(this)" onmouseover="fover(this)">
 
<div class="titreMenu itemOut" id="Menu6Titre"><a href="#" class="lienMenu">Menu 6</a></div>
 
<div class="contenuMenu" style="visibility: hidden" id="Menu6Item">&nbsp;</div>
</div>

PS : <div><br /><br /></div>
<hr class="crlf" /> . que signifie ce code ?

Code :

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

<div><br /><br /></div>

C'est pour le XHTML : il faut que les balises br soient encadrées de div.

Code :

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

<hr class="crlf" />

A l'origine, ce code était un menu horizontal, chaque div a la propriété float :left. A la fin du code HTML j'ai rajouté ce hr avec la propriété clear: both, et la possibilité de rendre cette ligne invisible avec la propriété visibility (à ne pas confondre avec display !) , et ce pour que les éléments qui viennent à la suite du menu puissent être replacer dans le flux normal de la page.

J'ai modifié le code CSS du menu horizontal pour le transformer en menu vertical, le hr est resté.

**Kenshin86** · 09/03/2007, 15h58

Ok Merci , ça fonctionnes.

Donc le HR n'est pas obligatoire ?

**Auteur** · 09/03/2007, 16h00

Envoyé par Kenshin86

Ok Merci , ça fonctionnes.

Donc le HR n'est pas obligatoire ?

Dans ce cas là non. Mais tu peux toujours la laisser et utiliser la propriété visibility:hidden (que j'ai sans doute laissé en commentaire dans la CSS). Supprime les commentaires et c'est tout

**Kenshin86** · 13/03/2007, 16h09

j'ai un petit problème , lorsque je modifies la bordure ou la taille des cellules , il me décalle plus vers le bas mon dernier rectangle et décalles le texte de mon footer...

PS : j'ai du rajouter 2 nbsp; après l'ID MenuXitem , parce qu'il me mettais les 3 ou 4 derniers caractères du texte qui était dans le rectangle.

Ex : Menu qui s'appelle Zone Sécurisée.

Zone Sécurisée (dans rectangle) et isée (hors rectangle).

A noter que ça le fait peu importe la longueur du champ et que ça le fait qu'avec le dernier.

Cordialement,