[HTML] Valider HTML

Version imprimable

15/03/2006, 19h31
Anduriel

[HTML] Valider HTML

Salut,

Quand je valide ma page html, j'ai pleins d'erreur que je ne comprends pas. Genre pour <link ....> il me dit qu'il faut ferme la balise mais elle ne se ferme pas? Faut il que je rejoute </link>?
Et puis quand je mets des <br> ou <hr>, il faut que je mette le tage de fin avec / :roll: :?

Autre chose: est-il préférable d'envoyer des meta contenant le codage de caractère utilisé?

Comment faire pour valider ça?
Merci
15/03/2006, 19h43
olive.m
re,
link, br, hr, img, sont des balises qui peuvent s'auto fermer :
Code:

1 2 3 4 <link rel="stylesheet" type="text/css" href="/themes/oliweb/style.css" media="screen" /> <hr /> <br />
Oui il est préférable d'envoyer le charset car, par exemple, en utf8 les caractères accentués ne passeront pas. la déclaration :
Code:

1 2 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
15/03/2006, 20h37
Anduriel

Génial !
15/03/2006, 20h59
Anduriel

Ma page est bien validée et je passe au CSS.
J'ai des avertissements (aucune erreur) que je ne parviens pas à corriger parce que je ne comprens pas:

Citation:

Ligne : 4 font-family: Vous êtes encouragés à proposer une famille générique comme dernier choix
Ligne : 4 (Level : 2) font-family: Vous êtes encouragés à proposer une famille générique comme dernier choix : body
Ligne : 13 (Level : 2) Redéfinition de la propriété border-top-style : div.centrer
Ligne : 16 (Level : 2) Redéfinition de la propriété border-bottom-style : div.centrer
Ligne : 22 font-family: Vous êtes encouragés à proposer une famille générique comme dernier choix
Ligne : 22 (Level : 2) font-family: Vous êtes encouragés à proposer une famille générique comme dernier choix : div.centrer
Ligne : 35 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : a.menu
Ligne : 38 (Level : 2) Redéfinition de la propriété text-decoration : a.menu
Ligne : 42 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : a.menu:hover
Ligne : 68 (Level : 2) Redéfinition de la propriété padding-bottom : div.left
Ligne : 69 (Level : 2) Redéfinition de la propriété border-top-style : div.left
Ligne : 81 (Level : 2) Redéfinition de la propriété border-top-style : div.right
Ligne : 83 (Level : 2) Redéfinition de la propriété padding-top : div.right
Ligne : 84 (Level : 2) Redéfinition de la propriété padding-bottom : div.right
Ligne : 91 (Level : 2) Redéfinition de la propriété border-left-style : div.titrebody
Ligne : 91 (Level : 2) Redéfinition de la propriété border-left-color : div.titrebody
Ligne : 91 (Level : 2) Redéfinition de la propriété border-left-width : div.titrebody
Ligne : 99 (Level : 2) Redéfinition de la propriété border-top-style : div.textbox
Ligne : 100 (Level : 2) Redéfinition de la propriété border-left-style : div.textbox
Ligne : 100 (Level : 2) Redéfinition de la propriété border-left-width : div.textbox
Ligne : 100 (Level : 2) Redéfinition de la propriété border-left-color : div.textbox
Ligne : 106 (Level : 2) Redéfinition de la propriété padding-right : div.textbox
Ligne : 111 (Level : 1) Cette propriété ne s'applique qu'aux éléments de type "bloc". : div.under
Ligne : 113 (Level : 2) Redéfinition de la propriété border-left-style : div.under
Ligne : 113 (Level : 2) Redéfinition de la propriété border-left-width : div.under
Ligne : 113 (Level : 2) Redéfinition de la propriété border-left-color : div.under
Ligne : 114 (Level : 2) Redéfinition de la propriété border-top-style : div.under

:?
Qu'est ce que ça signifie?
Merci
15/03/2006, 21h06
olive.m

Citation:

Envoyé par Anduriel

Ma page est bien validée et je passe au CSS.
J'ai des avertissements (aucune erreur) que je ne parviens pas à corriger parce que je ne comprens pas:

Citation:

Ligne : 4 font-family: Vous êtes encouragés à proposer une famille générique comme dernier choix

en css si tu spécifies une font il vaut mieux mettre une famille car il n'est pas dit que le SE possède ta font. ex: font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

Ligne : 4 (Level : 2) font-family: Vous êtes encouragés à proposer une famille générique comme dernier choix : body
Ligne : 13 (Level : 2) Redéfinition de la propriété border-top-style : div.centrer
Ligne : 16 (Level : 2) Redéfinition de la propriété border-bottom-style : div.centrer

tu as du, à deux endroits différents, spécifier une propriété différente pour une meme classe, mais bon des fois il faut pas en tenir compte. Cependant fais gaffe si tu l'a pas fait exprès c'est le dernier dans ta feuille qui l'emporte

Ligne : 22 font-family: Vous êtes encouragés à proposer une famille générique comme dernier choix
Ligne : 22 (Level : 2) font-family: Vous êtes encouragés à proposer une famille générique comme dernier choix : div.centrer
Ligne : 35 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : a.menu
Ligne : 38 (Level : 2) Redéfinition de la propriété text-decoration : a.menu
Ligne : 42 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : a.menu:hover
Ligne : 68 (Level : 2) Redéfinition de la propriété padding-bottom : div.left
Ligne : 69 (Level : 2) Redéfinition de la propriété border-top-style : div.left
Ligne : 81 (Level : 2) Redéfinition de la propriété border-top-style : div.right
Ligne : 83 (Level : 2) Redéfinition de la propriété padding-top : div.right
Ligne : 84 (Level : 2) Redéfinition de la propriété padding-bottom : div.right
Ligne : 91 (Level : 2) Redéfinition de la propriété border-left-style : div.titrebody
Ligne : 91 (Level : 2) Redéfinition de la propriété border-left-color : div.titrebody
Ligne : 91 (Level : 2) Redéfinition de la propriété border-left-width : div.titrebody
Ligne : 99 (Level : 2) Redéfinition de la propriété border-top-style : div.textbox
Ligne : 100 (Level : 2) Redéfinition de la propriété border-left-style : div.textbox
Ligne : 100 (Level : 2) Redéfinition de la propriété border-left-width : div.textbox
Ligne : 100 (Level : 2) Redéfinition de la propriété border-left-color : div.textbox
Ligne : 106 (Level : 2) Redéfinition de la propriété padding-right : div.textbox
Ligne : 111 (Level : 1) Cette propriété ne s'applique qu'aux éléments de type "bloc". : div.under
Ligne : 113 (Level : 2) Redéfinition de la propriété border-left-style : div.under
Ligne : 113 (Level : 2) Redéfinition de la propriété border-left-width : div.under
Ligne : 113 (Level : 2) Redéfinition de la propriété border-left-color : div.under
Ligne : 114 (Level : 2) Redéfinition de la propriété border-top-style : div.under

:?
Qu'est ce que ça signifie?
Merci
15/03/2006, 21h36
Anduriel
Merci :)
Et sais-tu ce que signifie:

Citation:

Ligne : 111 (Level : 1) Cette propriété ne s'applique qu'aux éléments de type "bloc". : div.under

?

Avec comme classe:
Code:

1 2 3 4 5 6 7 div.under { padding: 0px; text-align: right; border: 1px solid #DBDBDB; /* ligne 111 */ border-left: 2px solid #DBDBDB; border-top: none; }
Merci

hum, bizarre,

essaie d'ajouter display: block

Code:

1
2
3
4
5
6
7
8
9
 
div.under {
   padding: 0px;
   text-align: right;
   border: 1px solid #DBDBDB; /* ligne 111 */
   border-left: 2px solid #DBDBDB;
   border-top: none;
   display: block;
}

16/03/2006, 05h01
ilood
Bonoir
Citation:
Envoyé par Anduriel

Citation:

Ligne : 111 (Level : 1) Cette propriété ne s'applique qu'aux éléments de type "bloc". : div.under

?

Avec comme classe:

Code:

1 2 3 4 5 6 7 div.under { padding: 0px; text-align: right; border: 1px solid #DBDBDB; /* ligne 111 */ border-left: 2px solid #DBDBDB; border-top: none; }
Vous trouvez pas que c'est contradictoire comme message ?
"Ne s'applique qu'aux bloc" alors que le style par définition s'applique à un div, qui est un élèment de type bloc.

Tu es sur de tes lignes ?
16/03/2006, 09h01
olive.m
je suis d'accord avec toi c'est bizarre étant donné que le div est une boite bloc.

je pense que soit tu dois ajouter le display: block, soit enlever le "div" dans ta déclaration :
Code:

1 2 3 4 5 6 7 8 .under { padding: 0px; text-align: right; border: 1px solid #DBDBDB; /* ligne 111 */ border-left: 2px solid #DBDBDB; border-top: none; }
16/03/2006, 18h36
Anduriel

C'était ça merci à vous :D