Page 1 sur 4

Validation code html

Publié : 24 mars 2004, 15:47
par SB
Bonjour.

J'ai pu voir en parcourant le forum que le site le plus utilisé pour la validation était validator.w3c.org . J'ai pu ainsi faire passer mon site de 267 erreurs à 25 mais pour les dernières j'aurais besoin d'une version française. Un site francophone existe-t-il ?

Merci.

Publié : 24 mars 2004, 15:57
par calimo
Excellente initiative :D

Pas à ma connaissance, mais rien ne t'empêche de nous les soumettre, on t'aidera volontiers :wink:

Publié : 24 mars 2004, 16:46
par Korko
donne ton code et ce que tu veux faire précisement et on t'aidera a corriger tes erreurs :)

Publié : 24 mars 2004, 18:42
par SB
J'ai réussi à réduire le nombre d'erreurs de lapage d'accueil à 15 mais je ne vois pas comment éliminer les autres.
Elles concernent :
- required attribute "TYPE" not specified.
<script language="javascript"> je ne sais pas quel type ajouter.
- there is no attribute "TOPMARGIN" (explain...).
...="#000080" alink="#FF0000" topmargin="0" si j'enlève topmargin j'ai une marge blanche en haut de ma page.
- tous les attributs des animations flash dont celle-ci en particulier
Line 145, column 23: there is no attribute "SRC" (explain...).
<embed src="images/del_Suresnes.swf" si je l'enlève, FF et Ntsc n'arrivent plus à lire les animations alors que IE si. :shock:
- there is no attribute "COLOR".
size="1" color="#FF0000" attribut couleur d'une ligne horizontale

adresse du site : http://suresnes.croix-rouge.fr

Merci.

Publié : 24 mars 2004, 19:05
par Benoit
SB a écrit :- required attribute "TYPE" not specified.
<script language="javascript"> je ne sais pas quel type ajouter.

Code : Tout sélectionner

<script type="text/javascript">
- there is no attribute "TOPMARGIN" (explain...).
...="#000080" alink="#FF0000" topmargin="0" si j'enlève topmargin j'ai une marge blanche en haut de ma page.
essaie avec style="margin-top:0".

Pas le temps pour le reste, mais le cas de Flash a déjà été évoqué sur ce forum et je crois qu'il y avait une solution.

Publié : 24 mars 2004, 19:28
par calimo
Pour embed : http://www.alistapart.com/articles/flashsatay/ (comment supprimer le embed)
Pour le flash, tu devrais penser à introduire un contenu alternatif (pour ceux qui n'ont pas flash) en plaçant les liens à l'intérieur de <object></object>


Généralement, pour there is no attribute "foo", ça veut dire que l'attribut n'est pas défini dans la version de (x)html que tu utilises, et qu'il faut la remplacer par autre chose : par exemple avec les css !

Publié : 24 mars 2004, 20:55
par SB
J'ai testé et effectivement la méthode marche mais on perd l'avertissement de mise à jour du plugin flash pour les utilisateurs IE. La solution de l'auteur de mettre en début de site un flash à leur destination pour les avertir me satisfait moyen. Sur ce coup là je préfère garder un code incorrect mais visible par le plus grand monde. :?

Publié : 25 mars 2004, 00:05
par olab
Pour ton color de hr, passe également par l'attribut style="color: black;" par exemple

Publié : 25 mars 2004, 00:28
par SB
Ah non. Ça ne marche qu'avec IE. :(
Aurais-je une faute de syntaxe ?
<hr width="100%" size="1" style="color: red">

Publié : 25 mars 2004, 08:15
par calimo
SB a écrit :J'ai testé et effectivement la méthode marche mais on perd l'avertissement de mise à jour du plugin flash pour les utilisateurs IE.
Pas forcément !
Tu peux définir un contenu alternatif en le plaçant comme je l'ai dit à l'intérieur d'<object>, par exemple :

Code : Tout sélectionner

<object type="application/x-shockwave-flash" data="movie.swf" width="400" height="300">
	<param name="movie" value="movie.swf" />
	<a href="http://download.macromedia.com/...">Télécharger Flash</a>
</object>
Pour hr c'est bizarre en effet : tu dois définir sa bordure :shock:
Dans ton css mets

Code : Tout sélectionner

hr {
	border:1px solid red;
	width:100%;
	height:1px;
}
et dans le <body> tu n'as plus qu'à appeler <hr />

Publié : 25 mars 2004, 12:07
par SB
calimo a écrit :

Code : Tout sélectionner

<object type="application/x-shockwave-flash" data="movie.swf" width="400" height="300">
	<param name="movie" value="movie.swf" />
	<a href="http://download.macromedia.com/...">Télécharger Flash</a>
</object>
Ok, je vais essayer
calimo a écrit : Pour hr c'est bizarre en effet : tu dois définir sa bordure :shock:
Dans ton css mets

Code : Tout sélectionner

hr {
	border:1px solid red;
	width:100%;
	height:1px;
}
et dans le <body> tu n'as plus qu'à appeler <hr />
C'est pas mal sauf que ça apparait de trois façons différentes selon le navigateur, même en mettant 0px à height:
- avec IE 1 ligne
- avec FF 2 lignes collées (donc en fait 1 grosse ligne)
- avec NS 2 lignes séparées (donc 1 rectangle)

Publié : 25 mars 2004, 13:35
par calimo
SB a écrit :- avec NS 2 lignes séparées (donc 1 rectangle)
Avec Opera aussi... bizarre :roll:

Ça doit venir des valeurs par défaut attribuées par les différents programmes :? Donc il faut définir toutes les propriétés pour être sûr qu'elles soient correctement appliquées par tous les navigateurs.
Par exemple :

Code : Tout sélectionner

hr {
	border:0px;
	width:100%;
	height:1px;
	background:red;
	color:red
}
Quel navigateur utilisant encore d'autres propriétés ai-je oublié ?

Publié : 25 mars 2004, 15:28
par Benoit
Il y a plus facile, mettre simplement

Code : Tout sélectionner

border-top: 1px solid red;
, comme ça un seul des bords est défini quel que soit le réglage par défaut du navigateur.

Publié : 25 mars 2004, 15:34
par calimo
Non, dans NS7 ça fait justement ce rectangle...

Publié : 25 mars 2004, 17:36
par SB
J'y suis arrivé en mixant les 2.
hr { border:1px solid red; width:100%; height:0px; border-top:0px} :)