Problème XHTML /CSS

Bonjour les développeurs,
j'aimerais un coup de main SVP :)

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" > 
<head> 
<title>monsite - Officiel</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="style.css" /> 
<!--Debut CSS -//--> 
<link rel="stylesheet" href="http://www.votre-site.com/styles.css" type="text/css"> 
<!--Fin CSS - //--> 
</head> 
 
<body> 
<center><img src="Banniere-Site.png" alt="Banniere de mon site" /></center><br /> 
<html> 
 
<html> 
 
<center><head> 
<meta http-equiv="Content-Type" 
content="text/html; charset=iso-8859-1"> 
<meta http-equiv="Content-Type" 
content="text/html; charset=iso-8859-1"> 
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0"> 
<title>menu</title> 
</head> 
 
<body bgcolor="#58AB91" text="#B6B110"> 
 
 
<ul id="navlist"> 
<li id="active"><a href="accueil.htm" target="droite_inf" 
id="current">ACCUEIL</a></li> 
<li><a href="#">ARCHIVES</a></li> 
<li><a href="#">LIENS UTILES</a></li> 
<li><a href="#">FORUM</a></li> 
<li><a href="sug_html.htm" target="droite_inf">SUGGESTIONS</a></li> 
<li><a href="mailto:esr@wanadoo.fr" target="droite_inf">NOUS 
CONTACTER</a></li> 
<li><a href="#">RECHERCHER</a></li> 
</ul> </center> 
 
 
 
<style type="text/css" media="screen"></style> 
</body> 
</html> 
 
 
<style type="text/css" media="screen"></style> 
</body> 
</html> </center> 
 
<h1><center>Acceuil !</center></h1><br /> 
 
<!-- Les menus --> <br /> 
 
<div id="menu"> 
<div class="element_menu"> 
 
<ul> 
<li><a href="page1.html">- @</a></li> 
<li><a href="page2.html">- @</a></li> 
<li><a href="page3.html">- @</a></li> 
<li><a href="page3.html">- @</a></li> 
</ul> 
</div> 
 
<div class="element_menu"> 
 
<ul> 
<li><a href="page4.html">- *</a></li> 
<li><a href="page5.html">- *</a></li> 
<li><a href="page6.html">- *</a></li> 
<li><a href="page4.html">- *</a></li> 
</ul> 
</div> 
 
<div class="element_menu"> 
 
<ul> 
<li><a href="page4.html">- *</a></li> 
<li><a href="page5.html">- *</a></li> 
<li><a href="page6.html">- *#</a></li> 
<li><a href="page4.html">- #</a></li> 
</ul> 
</div> 
 
</body> 
</html>

J'aimerais a coté du menu @# ... mettre un cadre de texte merci

Bonsoir

Tu as un certain nombre de soucis dans ton code : les balises <head></head> et tout ce qui s'y trouve ne doit se retrouver qu'une fois dans ta page, là tu en as plusieurs. Idem pour <body> tu ne dois en avoir qu'un...

Voir ici pour les bases : http://j-willette.developpez.com/tut...bases-du-html/

Et pour la mise en page c'est par là : http://pbnaigeon.developpez.com/tuto...e-en-page-CSS/

Qu'est-ce que c'est que toutes ces balises <center> ? :koi: Je te conseillerais de les remplacer, on utilise depuis longtemps des règles CSS pour la mise en page alors autant t'y mettre tout de suite, c'est devenu inévitable et avec un peu de pratique tu verras que ça n'a que des avantages. :)

Mais avant tout, les bases du HTML, comme l'a très justement indiqué le collègue 12monkeys.

---

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

C'est le cas de pas le dire. :aie: (non, je ne te conseille pas de changer de DTD, c'était une vanne stupide ^^')