Version complète: sur le forum Webmaster Hub : Ce rapprocher le plus d'un code Valide ! W3C
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
kaporal-7
Bonjour,

Je n'utilise pas les CSS malgrès tout j'aimerais me rapprocher le plus possible d'un code valide. J'étais à 50 erreurs ce matin sur ma page, et maintenant plus que 16 mais je n'arrive pas à les résoudre. Si vous pouvez m'aider. mERci


This page is not Valid HTML 4.01 Transitional!


1 ----Error Line 105 column 29: required attribute "TYPE" not specified.
<script language="JavaScript">
The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.



2 ----Error Line 127 column 62: there is no attribute "BORDERCOLORDARK".
...764" cellspacing="0" bordercolordark="black" bordercolorlight="yellow" border
You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute.



3 ----Error Line 127 column 87: there is no attribute "BORDERCOLORLIGHT".
...ercolordark="black" bordercolorlight="yellow" bordercolor="yellow" align="cen


4 ----Error Line 127 column 108: there is no attribute "BORDERCOLOR".
...ordercolorlight="yellow" bordercolor="yellow" align="center">


5 ----Error Line 193 column 49: there is no attribute "HEIGHT".
<table border="0" width="758" height="114">


6 ----Error Line 195 column 47: there is no attribute "BACKGROUND".
<td width="119" background="images/index_f1.jpg"></td>


7 ----Error Line 237 column 11: element "MARQUEE" undefined.
<marquee><IMG src="images/index_calendrier2006gif.gif" alt="Calendrier Automo
You have used the element named above in your document, but the document type you are using does not define an element of that name. This error is often caused by:

incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Frameset" document type to get the "<frameset>" element),
by using vendor proprietary extensions such as "<spacer>" or "<marquee>" (this is usually fixed by using CSS to achieve the desired effect instead).
by using upper-case tags in XHTML (in XHTML attributes and elements must be all lower-case.



8 ----Error Line 434 column 93: there is no attribute "SRC".
... caution 99092 Euros</font><embed src="index.mp3" WIDTH=0 HEIGHT=0 AUTOSTART=


9 ----Error Line 434 column 111: there is no attribute "WIDTH".
...os</font><embed src="index.mp3" WIDTH=0 HEIGHT=0 AUTOSTART="true"></embed><..


10 ----Error Line 434 column 120: there is no attribute "HEIGHT".
...<embed src="index.mp3" WIDTH=0 HEIGHT=0 AUTOSTART="true"></embed></p>


11 ----Error Line 434 column 132: there is no attribute "AUTOSTART".
...index.mp3" WIDTH=0 HEIGHT=0 AUTOSTART="true"></embed></p>


12 ----Error Line 434 column 138: element "EMBED" undefined.
...mp3" WIDTH=0 HEIGHT=0 AUTOSTART="true"></embed></p>


13 ----Error Line 449 column 41: required attribute "TYPE" not specified.
<script language="javascript">


14 ----Error Line 454 column 87: required attribute "TYPE" not specified.
...p://lib3.libstat.com/private/stat.js">


15 ----Error Line 457 column 141: required attribute "ALT" not specified.
...t.php?compte=958149People" border="0"></a>
sarc
CITATION(kaporal-7 @ mercredi 18 janvier 2006, 17h01)
1 ----Error Line 105 column 29: required attribute "TYPE" not specified.
<script language="JavaScript">
The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.
*

Mettre Text/javascript à la place de javascript tout seul !

Le reste, ce sont juste des choses qui existent uniquement pour un navigateur connu, et donc qui sont pas reconnues par le validateur... La plupart des choses que tu utilises ne sont pas valides en soi parce que ça devrait être défini en CSS, et non en attributs HTML (comme la taille...), donc ça entraîne des erreurs également !

Voilà, en gros, passer au CSS tongue.gif
xpatval
1
CODE
<script type="text/javascript"...
par exemple

2-3-4-5-6-8-9-10-11-13-14-15
CITATION
bordercolordark="black"
Comme indiqué, ça n'existe pas. Utilise un style
CODE
<table style="border-color:#333333;">...</table>
, ou une feuille de style

7
Ne pas utiliser la balise <marquee> (certains navigateurs ne les aiment pas)


xpatval
kaporal-7
CITATION(xpatval @ mercredi 18 janvier 2006, 17h18)
1
CODE
<script type="text/javascript"...
par exemple

2-3-4-5-6-8-9-10-11-13-14-15 Comme indiqué, ça n'existe pas. Utilise un style
CODE
<table style="border-color:#333333;">...</table>
, ou une feuille de style

7
Ne pas utiliser la balise <marquee> (certains navigateurs ne les aiment pas)
xpatval
*



1 = J'ecris ce que tu me dis et il me copie a nouveau <script language="JavaScript">


7 = J'utilise quelle balise ?


Je galère pour 2,3,4,5 ... je trouve pas les bonnes balises , comment représenter un tableau etc .... blush.gif
Monique
Bonjour,

Eh bien, tu vois que tu n'as pas beaucoup le choix... tu dois passer aux CSS hypocrite.gif
... au moins pour la mise en forme.
Parmi les liens que je t'ai proposé, le site CSS débutant t'aidera à y parvenir sans trop de peine.
Pour une mise en forme des tableaux plus élaborée : Habillage de tableaux avec des CSS

Pour t'aider à obtenir des pages valides, je te propose cette liste des erreurs les plus fréquentes.
kaporal-7
CITATION(Monique @ jeudi 19 janvier 2006, 00h37)
Bonjour,

Eh bien, tu vois que tu n'as pas beaucoup le choix... tu dois passer aux CSS  hypocrite.gif
... au moins pour la mise en forme.
Parmi les liens que je t'ai proposé, le site CSS débutant t'aidera à y parvenir sans trop de peine.
Pour une mise en forme des tableaux plus élaborée : Habillage de tableaux avec des CSS

Pour t'aider à obtenir des pages valides, je te propose cette liste des erreurs les plus fréquentes.
*



Il y a pas moyen de se rapprocher du code valide W3C sans faire du CSS ?

xpatval me dit de faire un style ? pas une feuille de style ! Est ce que ça marche ç a?

Je n'arrive pas à me mettre au CSS, manque de temps principalement, il me faut un prof perso. B)
xpatval
CITATION(kaporal-7 @ jeudi 19 janvier 2006, 08h51)
Il y a pas moyen de se rapprocher du code valide W3C sans faire du CSS ?

Si bien sur, mais la mise en page ne sera pas forcément celle que tu prévoyais, puisque le code non conforme aura été supprimé (ou corrigé)
CITATION(kaporal-7 @ jeudi 19 janvier 2006, 08h51)
xpatval me dit de faire un style ? pas une feuille de style ! Est ce que ça marche ç a?

Bien sur! Il faut faire une légère différence entre appliquer un style css directement dans la balise, et appliquer une feuille de styles. Les deux sont équivalents, exactement la même chose, hormis le fait que l'utilisation d'une feuille de style sera plus léger, en terme de lourdeur de codage.

Coder
CODE
<p style="border-color:#333,">...</p>
équivaut à
HTML:
CODE
<p class="border">...</p>
Feuille de style:
CODE
p.border {border-color: #333;}



xpatval
Dudu
Salut

le CSS c'est ce qui gère le design de la page (couleurs, bordures, positionnement, etc..)

Un code HTML valide mais dépourvu de CSS c'est une page blanche avec du texte noir et tous les éléments les uns à la suite des autres: c'est vraiment ce que tu souhaites avoir sur ton site ? huh.gif
kaporal-7
CITATION(Dudu @ jeudi 19 janvier 2006, 09h26)
Salut

le CSS c'est ce qui gère le design de la page (couleurs, bordures, positionnement, etc..)

Un code HTML valide mais dépourvu de CSS c'est une page blanche avec du texte noir et tous les éléments les uns à la suite des autres: c'est vraiment ce que tu souhaites avoir sur ton site ? huh.gif
*



Cela ne me dérange pas, ou est le problème de faire ce cette manière ?
kaporal-7
CITATION(xpatval @ jeudi 19 janvier 2006, 09h08)
Si bien sur, mais la mise en page ne sera pas forcément celle que tu prévoyais, puisque le code non conforme aura été supprimé (ou corrigé)

Bien sur! Il faut faire une légère différence entre appliquer un style css directement dans la balise, et appliquer une feuille de styles. Les deux sont équivalents, exactement la même chose, hormis le fait que l'utilisation d'une feuille de style sera plus léger, en terme de lourdeur de codage.

Coder
CODE
<p style="border-color:#333,">...</p>
équivaut à
HTML:
CODE
<p class="border">...</p>
Feuille de style:
CODE
p.border {border-color: #333;}

xpatval
*



Ou trouver les balises coder pour "Height" "Background" "border" .... ?
Merci wink.gif
v4np13
CITATION(kaporal-7 @ jeudi 19 janvier 2006, 17h52)
Ou trouver les balises coder pour "Height" "Background" "border" .... ?
Merci  wink.gif
*


Toutes ces propriétés font partie du design, donc il va falloir que tu codes en CSS, c'est assez simple, un peu de théorie avant.

Exemple pour le CSS:
CODE
body{
background-color: White;
padding: 0;
margin: 0;
}
#contenu{
background-color: green;
border: 2ps solid blue;
width: 750px;
margin-right: auto;
margin-lefft: auto;
}


HTML qui va avec:
CODE
<body>
<div id="contenu">
blablablabla
blablablabla
</div>
</body>


Tu codes tout ton design dans le CSS et le HTML sera beaucoup plus propre est aura plus de chance d'être validé w3c wink.gif

Voici un bon tutoriel pour te lancer
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.