A voir également:
- [W3C] Dernières erreurs
- Jecontacte connectés dernières 24h ✓ - Forum Réseaux sociaux
- Il semblerait que vous ayez tenté de faire de nombreux achats durant les dernières heures. veuillez patienter avant d'essayer à nouveau. - Forum Jeux vidéo
- Net user des erreurs ont affecté l'exécution de la commande - Forum Windows
- Leboncoin supprimer d'après vos dernières recherches - Forum Consommation & Internet
4 réponses
Rien à faire, à chaque fois que je corrige la moindre chose (même renommé #content en .content) ça me casse tout l'affichage ...
Je vous remercie de votre aide ... mais je ne comprends pas que cela me casse tout à chaque fois ...
Je vous remercie de votre aide ... mais je ne comprends pas que cela me casse tout à chaque fois ...
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 776
29 janv. 2006 à 02:30
29 janv. 2006 à 02:30
Bonjour,
Je ne suis pas un spécialiste, mais j'espère que ces indications sauront quand même t'être utiles. C'est sans garantie.
Les n° des lignes ne correspondent pas exactement.
18- <ul> introduit une liste ordonnée avec des <li>. Elle apparaît ici après une étiquette de formulaire
19- impossible d'insérer un <form> dans une <ul>, par contre on s'attend à trouver des <li>
25- et c'est rappelé à la fin de </ul>. Où est la dernière </li> ?
27- là, je ne vois pas pourquoi tu ne peux pas placer une <div>
As-tu le bon compte de <div> et </div> ?
48- chez moi est vide et 49- ferme une </div>
mais je vois ça en
51- et 52- deux <li> sans <ul> précédemment
77- vide mais en
81- ton style s'appelle #content (voir http://www.sante-globale.fr/css/style.css). Tu l'as déjà utilisé. Il devrait alors s'appeler .content pour pouvoir être employé plusieurs fois
89- et 90- idem 51- et 52-
+ Avec les n° de lignes, tu aurais peut-être eu plus de réponses ?
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
2 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
3 <html>
4 <head>
5 <title>Sant? Globale</title>
6 <style type="text/css" media="screen">@import url( http://www.sante-globale.fr/css/style.css );</style>
7 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15"></meta>
8 </head>
9 <body>
10 <div id="rap">
11 <div id="header" ></div>
12 <div id="topleft">
13 <div id="logo" onclick="location.href='https://www.sante-globale.fr/';" style="cursor: pointer;"><a href="https://www.sante-globale.fr/"></a></div>
14 <div id="flower"></div>
15 </div>
16 <div id="topright" >
17
18 <label for="s">
19 <ul>
20 <form method="get" id="searchform" action="/index.php">
21 <div><input type="search" placeholder="Search..." recent="6" results="4" value="" name="s" size="18" id="s" />
22 <input style="display: none;" type="submit" id="searchsubmit" value="Search" />
23 </div>
24 </form>
25 </ul>
26 <br/>
27 <div id="navi">
28 <ul>
29 <li id="active"><a href="index.htm" id="current">Accueil</a></li>
30
31 <li><a href="nat.html">Naturopathie</a></li>
32 <li><a href="ici">Aromath?rapie</a></li>
33 <li><a href="cnt.html">Chi Nei Tsang</a></li>
34 <li><a href="herealink">Kin?siologie</a></li>
35 <li><a href="cours.html">Cours</a></li>
36 </ul>
37 </div>
38
39 </label>
40 </div>
41 <div id="content">
42 <div class="post"><div class="data">
43 </div>
44 <div class="storytitle" id="post-2"><a href="https://www.sante-globale.fr/" rel="bookmark" title= "Ajout de nouvelles sections">Ajout de nouvelles sections</a></div>
45 <div class="storycontent"><p> Les sections Naturopathie et Chi Nei Tsang sont d?sormais disponibles.<br /><br />Vous trouverez un r?sum? et un descriptif de la nature des soins, l'origine des m?thodes utilis?es et leur utilit? selon la nature du sympt?me ou des probl?mes rencontr?s.<br /><br />Vos <a href="mailto:contact@sante-globale.fr?subject=Suggestions">suggestions et vos commentaires</a> sont, bien entendu, les bienvenus.<br />
46 </p>
47 </div>
48
49 </div>
50 <br /><div class="newsFooter">
51 <li class="category">Le 28 D?cembre 2005, sous <a href="http://www.sante-globale.fr/nolink">Sante Globale</a></li>
52 <li class="comments"><a href="http://www.sante-globale.fr/nolinkyet">Commentaire</a></li>
53 </div>
54 </div>
55
56 <!-- D?but de la barre droite -->
57 <div id="side">
58
59 <h2>Derniers dossiers</h2>
60
61 <ul>
62 <li><a href="index.php?p=2" rel="Bookmark" title="Ajout de nouvelles sections">Ajout de sections</a></li>
63 </ul>
64 <ul>
65
66 <li><a href="index.php?p=1" rel="Bookmark" title="Ouverture du site">Ouverture du site</a></li>
67 </ul>
68
69 <h2>Partenaires</h2>
70 <ul>
71 <li><a href="http://www.institut-du-chaudron-de-jade.com/" target="_parent">Chaudron de Jade</a></li>
72
73 <li><a href="https://www.chineitsang.com/" target="_parent">Chi Nei Tsang Institure</a></li>
74 <li><a href="https://www.thereconnection.com/" target="_parent">Eric Pearl</a></li>
75 <li><a href="https://www.ibk.be/" target="_parent">IBK</a></li>
76 </ul>
77
78 </div>
79 <!-- Fin de la barre -->
80
81 <div id="content">
82 <div class="post"><div class="data">
83 </div>
84 <div class="storytitle" id="post-1"><a href="https://www.sante-globale.fr/" rel="bookmark" title="Ouverture du site">Ouverture du site</a></div>
85
86 <div class="storycontent"><p>Bienvenue sur le site Sant? Globale.<br/><br/>
87 Ce site se veut un lien d'informations et de connaissances concernant la sant?, les moyens de la conserver, de la pr?server et de la retrouver.<br/>
88 <br/>De plus en plus de gens aujourd'hui gu?rissent gr?ce ? des m?thodes naturelles de sant?, physiquement et psychiquement. Ceci a besoin d'?tre plus largment connu. Devant une m?decine allopathique qui utilise des substances et des moyens de plus en plus toxiques, aux effets secondaires impr?visibles ou m?me ni?s, les m?decines naturelles ont besoin de retrouver leur juste place.<br/><br/>
89 N'h?sitez pas ? nous <a href="mailto:contact@sante-globale.fr?subject=Retour d'experience">soumettre</a> vos propres questions personnelles et vos exp?riences dans le domaine de la sant?.<br/>
90 </p>
91 </div>
92 </div>
93 <br /><div class="newsFooter">
94 <li class="category">Le 29 Ao?t 2005, sous <a href="htpp://www.sante-globale.fr/nolink" title="Voir tous les dossier concernant le site Sant? Globale" rel="category tag">Sant? Globale</a></li>
95
96 <li class="comments"><a href="http://www.sante-globale.fr/nolinkyet">Commentaire</a></li>
97 </div>
98 </div>
99 <div id="footer">
100 Designed and maintained by <a href="mailto:kh.p@no-log.org?subject=Au sujet du site Sant? Globale">Kh.P</a>. Hosted by <a href="https://www.icodia.com/" target="_parent">Icodia</a> and Powered by <a href="https://www.vim.org/">Vim</a>.<br/>
101 Site was optimized for <a href="http://galeon.sourceforge.net/" target="_parent">Galeon</a> and <a href="https://www.mozilla.org/en-US/firefox/products/" target="_parent">Firefox</a> browsers and may not display properly in others.<br/></div>
102
103 </div>
104 </body>
105 </html>
Je ne suis pas un spécialiste, mais j'espère que ces indications sauront quand même t'être utiles. C'est sans garantie.
Les n° des lignes ne correspondent pas exactement.
18- <ul> introduit une liste ordonnée avec des <li>. Elle apparaît ici après une étiquette de formulaire
19- impossible d'insérer un <form> dans une <ul>, par contre on s'attend à trouver des <li>
25- et c'est rappelé à la fin de </ul>. Où est la dernière </li> ?
27- là, je ne vois pas pourquoi tu ne peux pas placer une <div>
As-tu le bon compte de <div> et </div> ?
48- chez moi est vide et 49- ferme une </div>
mais je vois ça en
51- et 52- deux <li> sans <ul> précédemment
77- vide mais en
81- ton style s'appelle #content (voir http://www.sante-globale.fr/css/style.css). Tu l'as déjà utilisé. Il devrait alors s'appeler .content pour pouvoir être employé plusieurs fois
89- et 90- idem 51- et 52-
+ Avec les n° de lignes, tu aurais peut-être eu plus de réponses ?
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
2 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
3 <html>
4 <head>
5 <title>Sant? Globale</title>
6 <style type="text/css" media="screen">@import url( http://www.sante-globale.fr/css/style.css );</style>
7 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15"></meta>
8 </head>
9 <body>
10 <div id="rap">
11 <div id="header" ></div>
12 <div id="topleft">
13 <div id="logo" onclick="location.href='https://www.sante-globale.fr/';" style="cursor: pointer;"><a href="https://www.sante-globale.fr/"></a></div>
14 <div id="flower"></div>
15 </div>
16 <div id="topright" >
17
18 <label for="s">
19 <ul>
20 <form method="get" id="searchform" action="/index.php">
21 <div><input type="search" placeholder="Search..." recent="6" results="4" value="" name="s" size="18" id="s" />
22 <input style="display: none;" type="submit" id="searchsubmit" value="Search" />
23 </div>
24 </form>
25 </ul>
26 <br/>
27 <div id="navi">
28 <ul>
29 <li id="active"><a href="index.htm" id="current">Accueil</a></li>
30
31 <li><a href="nat.html">Naturopathie</a></li>
32 <li><a href="ici">Aromath?rapie</a></li>
33 <li><a href="cnt.html">Chi Nei Tsang</a></li>
34 <li><a href="herealink">Kin?siologie</a></li>
35 <li><a href="cours.html">Cours</a></li>
36 </ul>
37 </div>
38
39 </label>
40 </div>
41 <div id="content">
42 <div class="post"><div class="data">
43 </div>
44 <div class="storytitle" id="post-2"><a href="https://www.sante-globale.fr/" rel="bookmark" title= "Ajout de nouvelles sections">Ajout de nouvelles sections</a></div>
45 <div class="storycontent"><p> Les sections Naturopathie et Chi Nei Tsang sont d?sormais disponibles.<br /><br />Vous trouverez un r?sum? et un descriptif de la nature des soins, l'origine des m?thodes utilis?es et leur utilit? selon la nature du sympt?me ou des probl?mes rencontr?s.<br /><br />Vos <a href="mailto:contact@sante-globale.fr?subject=Suggestions">suggestions et vos commentaires</a> sont, bien entendu, les bienvenus.<br />
46 </p>
47 </div>
48
49 </div>
50 <br /><div class="newsFooter">
51 <li class="category">Le 28 D?cembre 2005, sous <a href="http://www.sante-globale.fr/nolink">Sante Globale</a></li>
52 <li class="comments"><a href="http://www.sante-globale.fr/nolinkyet">Commentaire</a></li>
53 </div>
54 </div>
55
56 <!-- D?but de la barre droite -->
57 <div id="side">
58
59 <h2>Derniers dossiers</h2>
60
61 <ul>
62 <li><a href="index.php?p=2" rel="Bookmark" title="Ajout de nouvelles sections">Ajout de sections</a></li>
63 </ul>
64 <ul>
65
66 <li><a href="index.php?p=1" rel="Bookmark" title="Ouverture du site">Ouverture du site</a></li>
67 </ul>
68
69 <h2>Partenaires</h2>
70 <ul>
71 <li><a href="http://www.institut-du-chaudron-de-jade.com/" target="_parent">Chaudron de Jade</a></li>
72
73 <li><a href="https://www.chineitsang.com/" target="_parent">Chi Nei Tsang Institure</a></li>
74 <li><a href="https://www.thereconnection.com/" target="_parent">Eric Pearl</a></li>
75 <li><a href="https://www.ibk.be/" target="_parent">IBK</a></li>
76 </ul>
77
78 </div>
79 <!-- Fin de la barre -->
80
81 <div id="content">
82 <div class="post"><div class="data">
83 </div>
84 <div class="storytitle" id="post-1"><a href="https://www.sante-globale.fr/" rel="bookmark" title="Ouverture du site">Ouverture du site</a></div>
85
86 <div class="storycontent"><p>Bienvenue sur le site Sant? Globale.<br/><br/>
87 Ce site se veut un lien d'informations et de connaissances concernant la sant?, les moyens de la conserver, de la pr?server et de la retrouver.<br/>
88 <br/>De plus en plus de gens aujourd'hui gu?rissent gr?ce ? des m?thodes naturelles de sant?, physiquement et psychiquement. Ceci a besoin d'?tre plus largment connu. Devant une m?decine allopathique qui utilise des substances et des moyens de plus en plus toxiques, aux effets secondaires impr?visibles ou m?me ni?s, les m?decines naturelles ont besoin de retrouver leur juste place.<br/><br/>
89 N'h?sitez pas ? nous <a href="mailto:contact@sante-globale.fr?subject=Retour d'experience">soumettre</a> vos propres questions personnelles et vos exp?riences dans le domaine de la sant?.<br/>
90 </p>
91 </div>
92 </div>
93 <br /><div class="newsFooter">
94 <li class="category">Le 29 Ao?t 2005, sous <a href="htpp://www.sante-globale.fr/nolink" title="Voir tous les dossier concernant le site Sant? Globale" rel="category tag">Sant? Globale</a></li>
95
96 <li class="comments"><a href="http://www.sante-globale.fr/nolinkyet">Commentaire</a></li>
97 </div>
98 </div>
99 <div id="footer">
100 Designed and maintained by <a href="mailto:kh.p@no-log.org?subject=Au sujet du site Sant? Globale">Kh.P</a>. Hosted by <a href="https://www.icodia.com/" target="_parent">Icodia</a> and Powered by <a href="https://www.vim.org/">Vim</a>.<br/>
101 Site was optimized for <a href="http://galeon.sourceforge.net/" target="_parent">Galeon</a> and <a href="https://www.mozilla.org/en-US/firefox/products/" target="_parent">Firefox</a> browsers and may not display properly in others.<br/></div>
102
103 </div>
104 </body>
105 </html>
crabs
Messages postés
908
Date d'inscription
lundi 18 avril 2005
Statut
Membre
Dernière intervention
3 août 2008
507
29 janv. 2006 à 18:35
29 janv. 2006 à 18:35
Salut,
Y a un souci dans ton arbre HTML. Label est une balise "inline" et tu lui
attaches des balises "block" (form, div, ...).
si tu veux faire un site valide HTML 4.01 strict :
-1 : connaitre les natures des balises et ne pas faire d'arbre incorrect
http://www.htmlhelp.com/reference/html40/inline.html
http://www.htmlhelp.com/reference/html40/block.html
Pas de balises block incluses dans des balises inline
-2 : un id est unique dans la page, sinon utiliser class
-4 : apprendre les enchainements autorisés : dans un ul, le niveau suivant est
li, autre exemple: table->tr->th/td
-3 : faire valider la page par le valideur W3C
- 4 : faire la mise en page via css sur du html valide.
A+, crabs
Y a un souci dans ton arbre HTML. Label est une balise "inline" et tu lui
attaches des balises "block" (form, div, ...).
si tu veux faire un site valide HTML 4.01 strict :
-1 : connaitre les natures des balises et ne pas faire d'arbre incorrect
http://www.htmlhelp.com/reference/html40/inline.html
http://www.htmlhelp.com/reference/html40/block.html
Pas de balises block incluses dans des balises inline
-2 : un id est unique dans la page, sinon utiliser class
-4 : apprendre les enchainements autorisés : dans un ul, le niveau suivant est
li, autre exemple: table->tr->th/td
-3 : faire valider la page par le valideur W3C
- 4 : faire la mise en page via css sur du html valide.
A+, crabs