Discussion :

[didinet]

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
Le lien :
http://guadeloupe-bonsplans.com
http://guadeloupe-bonsplans.com/contact.html

[Bisûnûrs]

Quelles sont les erreurs que tu ne comprends pas ?

Et puis dire :

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

revient à dire :

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

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

[didinet]

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&nbsp;!</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

[Neroptik]

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&nbsp;!</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 )

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

[didinet]

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

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

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

[Bisûnûrs]

A priori, je dirais :

Code :

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

style="vertical-align:bottom"

[didinet]

A priori, je dirais :

Code :

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

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
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&euro;</span> <span class="nvpri✉

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

[didinet]

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 :

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

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;">

[Alt157]

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 :

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

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

[didinet]

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&euro;</span>
<span class="nvprix">29&euro;</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 lanterne

Mon css est le suivant :

Code css :

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
.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%;
}

[gui80]

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.

[didinet]

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?


* 1 jour :
barré32€ nouveauprix29€

[Alt157]

tu ne peux pas faire ?

Code :

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

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 :

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

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

ou

Code :

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

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

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

Vous êtes géniaux! merci merci