Aide à la validation

Version imprimable

01/03/2009, 21h09
didinet

Aide à la validation

Bonjour,
Je débute en création de site web et depuis un certain temps, j'y passe mes nuits avec un autre passionné. Actuellement, je tente d'indexer mes pages mais W3C me trouvent des erreurs. Si quelqu'un veut bien m'aider à comprendre une seule petite page par exemple, "contact". Parce j'aurais bien aimé comprendre mes problèmes, car les autres sites ont également des erreurs avec W3C et pourtant, ils sont indexés eux . Merci encore, à celui qui voudra éclairer ma lanterne. Celui qui m'aide à monter mon site, m'adit que cela ne change rien DOCTYPE transitionnal ou strict. Et donc, on a laissé en transitionnal, mais je reste perplexe:(
Merci à qui voudra m'aider:cry:
Le lien :
http://guadeloupe-bonsplans.com
http://guadeloupe-bonsplans.com/contact.html
01/03/2009, 21h58
Bisûnûrs

Quelles sont les erreurs que tu ne comprends pas ?

Et puis dire :

Citation:

je tente d'indexer mes pages mais W3C me trouvent des erreurs

revient à dire :

Citation:

j'essaie de manger une pomme mais il me manque une chaussette

La validation W3C et le référencement n'ont rien à voir.
03/03/2009, 01h08
didinet

Citation:

Envoyé par Bisûnûrs

La validation W3C et le référencement n'ont rien à voir.

Ok, très drôle. Pour être plus précis: je tente de corriger 3 types d'erreurs signalés par W3C si quelqu'un peut m'aider, merci par avance :

1) Line 36, Column 58: there is no attribute "width" .
<div class="annonce0" > <div class="tableleft" width="100%">✉

2)Line 49, Column 57: document type does not allow element "h2" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag .
…"> <span><h2 style="display: inline;"><strong>Promos locations !</strong
3) Line 140, Column 105: value of attribute "align" cannot be "absbottom"; must be one of "top", "middle", "bottom", "left", "right" .
…g src="compose6.jpg" align="absbottom" alt="compoition" /></td>✉

Merci
03/03/2009, 01h51
Neroptik

Citation:

Envoyé par didinet

Ok, très drôle. Pour être plus précis: je tente de corriger 3 types d'erreurs signalés par W3C si quelqu'un peut m'aider, merci par avance :

1) Line 36, Column 58: there is no attribute "width" .
<div class="annonce0" > <div class="tableleft" width="100%">✉

2)Line 49, Column 57: document type does not allow element "h2" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag .
…"> <span><h2 style="display: inline;"><strong>Promos locations !</strong
3) Line 140, Column 105: value of attribute "align" cannot be "absbottom"; must be one of "top", "middle", "bottom", "left", "right" .
…g src="compose6.jpg" align="absbottom" alt="compoition" /></td>✉

Merci

C'est pourtant marqué noir sur blanc !

Ligne 57 : Ton Doctype (définit dans le header) ne permet pas d'élément h2 a cet endroit : surement parce que ton h2 est calé dans un span.

Ligne 58 : Il n'y a pas d'attribut width ici !
Donc tu met une classe ou un id et tu redéfinit le width dans ton css.

Parfois il suffit de lire ;)

Ah zut j'en ai oubliée une...

Je doit vraiment traduire encore une fois ?
(Attention il y a un piège : la réponse est donnée dans l'erreur :P)
03/03/2009, 10h27
gui80

Bonjour,

comme dit Neroptik, pour l'attribut width, tu peux le remplacer par un <div style="width: 100%;">

Pour le h2, le problème est que tu mets un élément de type block (ton h2) dans un élément de type inline (span), même si tu as changé le comportement de ton h2 (style="display: inline;"), c'est une erreur pour du XHTML.

XHTML Strict est beaucoup plus strict :-), pour les déclarations de certains attributs dans les balises, et plein d'autres choses.

Dis nous quand tu n'as plus d'erreur.
03/03/2009, 20h41
didinet

Merci pour vos conseils qui m'ont été très utiles. :D

Allez un dernier pour la route s'il vous plait.

Comment régler ce problème ?? Je peux remplacer par quoi?

Line 49, Column 86: there is no attribute "valign".
…center"><img src="fleurs.png" valign="bottom" alt="fleurs"/></td>✉
03/03/2009, 20h49
Général03

L'élément img n'a pas d'attribut valign car ce n'est pas un élement "block". Tu peux passer par une div qui contient ton image et la tu pourra utiliser valign.
Pour faire de la mise en forme je te conseille de passer par du CSS, c'est plus propre et ça éclaircit ton code.
04/03/2009, 00h21
Bisûnûrs

A priori, je dirais :

Code:

style="vertical-align:bottom"
04/03/2009, 01h02
didinet

Citation:

Envoyé par Bisûnûrs

A priori, je dirais :

Code:

style="vertical-align:bottom"

;

merci merci pour ton aide, quand tu m'as expliqué que valign n'était pas un attribut..., j'ai cherché et trouvé "align: botom" et c'est passé sans erreur. Je vais tenter ton code plus tard, pour voir qu'est ce que cela change.
Sinon, maintenant j'ai 4 pages sur 6 validés, je ne pensais pas faire autant :yaisse2:
Je tente à tout hasard pour savoir si on peut m'aider pour d'autres pages :

1)
Line 146, Column 28: document type does not allow element "ul" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag.
<ul style="margin-left:0px;">

2)Line 127, Column 49: document type does not allow element "h4" here; assuming missing "li" start-tag.
<td class="loca2"><div class="tarifs"><ul><h4>Tarifs</h4>

3)Line 128, Column 16: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag.
<li>1 jour : <span class="barre">32€</span> <span class="nvpri✉
04/03/2009, 01h20
Alt157

Pour la première erreur, dans quel élément est placé ton <ul> ?

Pour la ligne127 : tu ne peux pas mettre un titre (<h4>) dans un <ul>. Dans une liste <ul> il ne doit y avoir que du <li> mon texte </li>

Citation:

Envoyé par Alt157

Pour la première erreur, dans quel élément est placé ton <ul> ?

Pour la ligne127 : tu ne peux pas mettre un titre (<h4>) dans un <ul>. Dans une liste <ul> il ne doit y avoir que du <li> mon texte </li>

Merci.
Mon ul est placé dans cette partie de programme:
Code:

1 2 3 4 5 6 <div style=" float: left; background-image:url(icompose5.jpg) ; background-repeat: repeat-y; "> <div class="tableleft" style="width: 290px; margin: 10px;"> <div class="text" style="margin: 10px;"> <p >Pour toutes vos randonnées nautiques, notre partenaire <span style="letter-spacing: 0.1em; font-weight: bold;">WavEvasion</span> met à votre disposition deux points de départ : <ul style="margin-left:0px;">

A priori j ai fait le test chez moi et ce qu'il n'aime pas c'est que <ul> soit dans une balise <p> ...

J ai essayé cela :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<!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">
	<head>
		<title>test</title>
	</head>
<body>
<div style=" float: left; background-image:url(icompose5.jpg) ; background-repeat: repeat-y; ">
	<div class="tableleft" style="width: 290px; margin: 10px;">
		<div class="text" style="margin: 10px;">
			<p >Pour toutes vos randonnées nautiques, notre partenaire <span style="letter-spacing: 0.1em; font-weight: bold;">WavEvasion</span> met à votre disposition deux points de départ :
			</p>
			<ul style="margin-left:0px;">
				<li> blabla </li>
			</ul>
		</div>
	</div>
</div>
</body>
</html>

et c'est valide alors que si je laisse dans le <p> il me met la même erreur que toi.

04/03/2009, 10h41
gui80

Bonjour,

je te rappelle la règle que j'ai déjà dit :
- pas d'élément bloc dans des éléments inline (ton h4 dans un li).

L'utilisation des titres devraient se passer comme ceci normalement :
http://cssglobe.developpez.com/tutor...iliser-titres/

Donc, si tu veux appliquer des styles d'écritures différents pour certains mots présents dans des li, tu peux utiliser des <span> et pas des <h4> comme tu fais ici (élément inline comme le <li>) auquel tu appliques une classe css que tu auras défini et qui te fera gagner du temps.

A faire :
- définir en css le style à appliquer à certains élements présents dans le li
- remplacer les h4 et compagnie par des span auquel on applique la classe css défini
- fermer la balise p avant comme l'a dit "Alt157"
- retenter une validation.

Citation:

Envoyé par gui80

Bonjour,

Donc, si tu veux appliquer des styles d'écritures différents pour certains mots présents dans des li, tu peux utiliser des <span> et pas des <h4> "

D'abord merci pour votre aide et notamment à Alt157.
Je tente de faire comme dit gui80, utiliser les <span>. 2 méthodes aucune ne marche.
1- je tente de mettre un span dans un autre span, résultat mauvais/ Ma mise en forme disparait.

<span class="li">1 jour : <span class="barre">32€</span>
<span class="nvprix">29€</span> </span>

2- je ferme mon <span>, après jour et finallement cmme je m'y attendais, tout le reste est mis à la ligne.
Excusez-moi pour ma nullitesse, mais éclairez ma lanterne8O

Mon css est le suivant :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 .li { color: black; display : list-item; } .barre { text-decoration: line-through; font-weight: bold; color:gray; } .nvprix { font-weight: bold; color:#ff0000; vertical-align:25%; }

04/03/2009, 21h15
gui80

Citation:

Envoyé par didinet

2- je ferme mon <span>, après jour et finallement cmme je m'y attendais, tout le reste est mis à la ligne.

Tu parles de ta page sur la location de voitures ?
Que ce soit sur IE6 ou Firefox, le reste ne se met à la ligne après le mot "jour".

Explique nous s'il te plaît.
04/03/2009, 23h11
didinet

Citation:

Envoyé par gui80

Tu parles de ta page sur la location de voitures ?
Que ce soit sur IE6 ou Firefox, le reste ne se met à la ligne après le mot "jour".

Explique nous s'il te plaît.

voilà en supposant que l'astérix représente le point (liste), et barré c'est un <span> qui permet de barrer l'ancien prix, et nouveauprix un <span> qui met en rouge le nouveau prix. Le problème c'est que je veuxle tout sur une seule ligne. Comment faire?:roll:

* 1 jour :
barré32€ nouveauprix29€
04/03/2009, 23h32
Alt157

1 pièce(s) jointe(s)
tu ne peux pas faire ?
Code:

1 2 <li class="li"> 1 jour : <span class="barre"> 32€ </span> <span class="nvprix"> 29€ </span> </li>
Enfin... Si cela fait bien parti de ta liste :?

edit : j ai pas du comprendre le problème parce que moi tout passe bien sur IE et Firefox. Que ce soit :

Code:

<li> <span class="li"> jour 1 : <span class="barre"> 23€ </span> <span class="nvprix"> 39€ </span> </span> </li>

ou

Code:

<li class="li"> jour 1 : <span class="barre"> 23€ </span> <span class="nvprix"> 39€ </span> </li>

Pièce jointe 42679
05/03/2009, 22h21
didinet

Je tenais juste à dire merci. En plus, vous êtes supers efficaces. Merci merci. Zéro erreur. Bon reste encore à améliorer mais c'est nikel !:king:

Vous êtes géniaux! merci merci :king: