Discussion :

[Anduriel]

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 /

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

Comment faire pour valider ça?
Merci

[olive.m]

re,
link, br, hr, img, sont des balises qui peuvent s'auto fermer :

Code :

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

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 :

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

1
2
 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

[Anduriel]

Génial !

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

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

[olive.m]

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:

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

[Anduriel]

Merci
Et sais-tu ce que signifie:

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

?

Avec comme classe:

Code :

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

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

[olive.m]

hum, bizarre,

essaie d'ajouter display: block

Code :

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

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

[ilood]

Bonoir

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

?

Avec comme classe:

Code :

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

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 ?

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

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

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

[Anduriel]

C'était ça merci à vous