[HTML] Validation aux normes W3C Failed

**JaMJaMs** · 12/11/2005, 16h42

Salut à tous ! 8)

Alors j'ai un probleme auquel je n'arrive pas à le résoudre :

Mon site passe niquel sous Internet Explorer tandis que Mozilla/Firefox c'est tres tres moche ...

Je m'explique : J'ai fais une validations W3C (plus de 100Erreurs mais bon ...) et pour certains erreurs, c'est impossible (pour moi) de les corriger !

Voici le lien de mon site : http://JaMJaMs.free.fr

Voici quelques exemples :

Error : Line 106 column 90: there is no attribute "FACE".

...gColor=''" align="center">
<font face="Arial,Helvetica,Geneva,Swiss,SunSans-Re..

Error Line 106 column 142: there is no attribute "SIZE".

...a,Geneva,Swiss,SunSans-Regular" size="2" align="center">

# Error Line 114 column 30: document type does not allow element "TABLE" here.

<TABLE BORDER="1" WIDTH="100%"><TR><TD ALIGN="center">

Si quelqu'un pourrait m'aider pour au moins ces trois cas là, je lui serai extremement reconnaissant !

Merci beaucoup !

**Bibicmoi** · 12/11/2005, 16h52

C est pourtant tres clair, non?
Il est dit, pour les 2 premiers, que les attributs ne sont pas valides. En clair, tu vires size et face (je connaissais pas celui la), et tu y mets dans un style (ca passe beaucoup mieux)
Pour le dernier. Tu ne dois pas mettre un table a l endroit ou tu l as mis... Comme je sais pas les balises qui l entourent, je peux pas en dire plus.
Mais tout est tres clair, je te le garantis!
Ciao.

**wikipierre** · 12/11/2005, 16h56

Salut,

Error : Line 106 column 90: there is no attribute "FACE".

...gColor=''" align="center">
<font face="Arial,Helvetica,Geneva,Swiss,SunSans-Re..

Utilise le CSS :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
Dans ton CSS :
 
#foFa
{
 font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Re.. ; /* Ici il faut que tu remplace cette ligne par ce qui est contenu dans l'attribut face de font */
 font-size: 2px;
}
 
HTML :
 
<p id="foFa">Ton Texte</p>

Ce qui supprimera les deux 1er érreurs.

Pour la 3eme remplace tes tableaux par des div avec le CSS

**Bibicmoi** · 12/11/2005, 17h01

Envoyé par wikipierre

Pour la 3eme remplace tes tableaux par des div avec le CSS

Je vais pas lancer la polemique, mais t es pas oblige de virer le tableau... tout depend de ce que c est! Si c est vraiment un tableau, garde le, sinon, fais comme le suggere wikipierre.

**javatwister** · 12/11/2005, 17h02

et comment t'est venue cette idée de tester la validité de ton site?

**JaMJaMs** · 12/11/2005, 17h05

Merci beaucoup pour vos réponses clair et rapide , je suis sur le C** !

et comment t'est venue cette idée de tester la validité de ton site?

En voyant la différence entre Internet Explorer et Firefox !

Je vais essayer de faire ce que vous venez de me dire et je vous dis ce qu'il en ai !

**wikipierre** · 12/11/2005, 17h11

Salut,
Le mieux pour toi et tes futur sites serait que tu apprenne le CSS, car le mieux que tu pourra faire c'est un site rempli de code de présentation.

Un conseil : apprend a séparer la présenation des données.

Si tu veut un livre, je te conseille l'exelent : "CSS2 Le guide du designer".

**JaMJaMs** · 12/11/2005, 18h04

Merci beaucoup Wikipierre,

malgré tout, j'ai toujours un probleme :

Error Line 110 column 71: ID "FOFA" already defined.

...FCC'" onMouseout="bgColor=''"><p id="foFa"><a href="">Albums</a></p></td></..

An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).

Peux tu m'aider Stp ?

Merci beaucoup

Edit : Voici l'adresse pour la vérification pour mon index : http://validator.w3.org/check?uri=ht...ams.free.fr%2F

**wikipierre** · 12/11/2005, 18h11

Salut,
Oui dans le css :

Code :

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

1
2
3
4
.foFa 
{ 
/* ... */
}

Et pour l'appeler remplace id="foFa" par

Code :

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

class="foFa"

**JaMJaMs** · 12/11/2005, 18h27

Merci WikiPierre, ca marche impec' !

Je suis à 107 erreurs alors que tout à l'heure, j'etais à plus de 155 !

Ca avance, ca avance, doucement mais surement

Quelqu'un à une idée pour le troisieme problème ? (CF : Table)

Je vais essayer ce qu'a dit bibicmoi ...

Merci beaucoup

**wikipierre** · 12/11/2005, 18h30

Salut,
Tant qu'on y est remplace les tableaux par les DIV. Ton CSS et en ligne ? je vais essayer de te le rendre conforme.

**SIBELIUS** · 12/11/2005, 18h32

Envoyé par Bibicmoi

Envoyé par wikipierre

Pour la 3eme remplace tes tableaux par des div avec le CSS

Je vais pas lancer la polemique, mais t es pas oblige de virer le tableau... tout depend de ce que c est! Si c est vraiment un tableau, garde le, sinon, fais comme le suggere wikipierre.

A mon avis, la balise <table> est tout simplement mal placée : dans un élément en-ligne ou un élément <p> par exemple.
D'où l'erreur du validateur.

Un tableau en lui-même n'a rien d'invalide, heureusement !

**JaMJaMs** · 12/11/2005, 18h37

Envoyé par wikipierre

Salut,
Tant qu'on y est remplace les tableaux par les DIV. Ton CSS et en ligne ? je vais essayer de te le rendre conforme.

Oui mon CSS est en ligne : http://jamjams.free.fr/full_portail.css

Merci de ton aide

**wikipierre** · 12/11/2005, 18h58

Salut,
Voila ton CSS, il y a des avertissement en moi, j'ai aussi augmenté la place :

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
body 
{
background-color: #FFFFFF;
margin: 0 0 0 0;
padding: 0 0 0 0;
font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 8pt;
color: #000000;
text-align: center;
}
 
/* LIENS NORMAUX */
A:link, A:visited { color: #2d6599; text-decoration: none; }
A:active, A:hover { color: #000000; text-decoration: none; }
 
/* LIENS PETIT */
.Asmall:link, .Asmall:visited { font-size: 7pt; color: #000000; }
.Asmall:active, .Asmall:hover { font-size: 7pt; color: #000000; }
 
/* TEXTE PETIT */
.small { font-size: 7pt; color: #000000; }
 
INPUT, TEXTAREA { 
vertical-align: middle; 
border: 1px solid #000000;
margin: 1px;
}
 
FORM {
margin: 0px;
padding:0px;
}
 
P {
margin-top: 5px;
}
 
IFRAME {
width: 140px;
margin: 0px;
}
 
HR {
width: 95%;
margin-top: 0px;
}
 
.effect {
background-image: url(images/inputbg.jpg);
background-repeat: no-repeat;
background-attachment: fixed; 
overflow: auto;
}
 
.imgal {
border-top: 1px solid #728194;
border-left: 1px solid #728194;
border-bottom: 1px solid #C6CBD6;
border-right: 1px solid #C6CBD6;
}
.bord {
border: 1px solid black;
}
 
/* TABLE PRINCIPALE */
.tblmain {
width: 100%;
text-align: center;
}
.col {
width: 160px;
vertical-align: top;
}
.scr {
width: 100%;
background-image: url(images/scr_bg.jpg);
background-repeat: repeat-x;
font-size: 7pt; 
color: #728194;
font-weight: bold;
background-color: transparent;
}
 
 
 
/* TITRES DES BLOCS */
.titre {
width: 100%;
height: 2px;
background-image: url(images/bl_hbg.jpg);
background-repeat: repeat-x;
font-size: 8pt; 
font-weight: bold;
color: #FFFFFF;
background-color: transparent;
}
 
.tblcolg {
width: 7px;
background-image: url(images/bl_mg.jpg);
background-repeat: repeat-y;
}
.tblcolc {
width: 100%;
background-color: #F0F0F7;
font-size: 8pt; 
color: #000000;
}
.tblcold {
width: 9px;
background-image: url(images/bl_md.jpg);
background-repeat: repeat-y;
}
.tblcolb {
width: 100%;
height: 6px;
background-image: url(images/bl_bbg.jpg);
background-repeat: repeat-x;
line-height: 1px;
}
 
/* TABLE FOOTER */
.tblfoot {
width: 100%;
height: 28px;
font-size: 7pt; 
color: #000000;
text-align: center;
background-color: transparent;
background-image: url(images/ln_bg.jpg);
background-repeat: repeat-x;
}
.chat1 {
width: 135px;
font-family: Tahoma, MS Trebuchet, Arial, Verdana, Helvetica, Geneva, sans-serif;
font-size: 7pt; 
color: #2d6599;
background-color: #FFFFFF;
text-align: left;
}
.chat2 {
width: 135px;
font-family: Tahoma, MS Trebuchet, Arial, Verdana, Helvetica, Geneva, sans-serif;
font-size: 7pt; 
color: #000000;
background-color: #FFFFFF;
text-align: justify;
border-bottom: 1px solid black;
}
 
.gal {
width: 120px;
height: 95px;
text-align: center;
border: 1px solid black;
border-top: 1px solid #728194;
border-left: 1px solid #728194;
border-bottom: 1px solid #C6CBD6;
border-right: 1px solid #C6CBD6;
background-color: #FFFFFF;
margin-bottom: 2px;
background-color: transparent;
}
 
#foFa
{ 
 font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
 font-size: 2px; 
 margin: 0px;
}

Conseil

Dans ton CSS j'ai trouvé une bonne dizaine de fois :

Code :

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

font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;

Tu n'est pas obligé de redéclarer ca a chaque paragraphe. Quand tu as déclarer dans body ce sera disponible jusqu'a la fin de la page/CSS.

**wikipierre** · 12/11/2005, 19h06

Salut,
j'avais oublié deux trois trucs :

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
 
body 
{
background-color: #FFFFFF;
font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 8pt;
color: #000000;
text-align: center;
}
 
/* LIENS NORMAUX */
A:link, A:visited { color: #2d6599; text-decoration: none; }
A:active, A:hover { color: #000000; text-decoration: none; }
 
/* LIENS PETIT */
.Asmall:link, .Asmall:visited { font-size: 7pt; color: #000000; }
.Asmall:active, .Asmall:hover { font-size: 7pt; color: #000000; }
 
/* TEXTE PETIT */
.small { font-size: 7pt; color: #000000; }
 
INPUT, TEXTAREA { 
vertical-align: middle; 
border: 1px solid #000000;
margin: 1px;
}
 
FORM {
 
}
 
P {
margin-top: 5px;
}
 
IFRAME {
width: 140px;
}
 
HR {
width: 95%;
}
 
.effect {
background-image: url(images/inputbg.jpg);
background-repeat: no-repeat;
background-attachment: fixed; 
overflow: auto;
}
 
.imgal {
/* Je ne suis pas sur de ces deux lignes */
border-top: 1px solid #728194;
border-left: 1px solid #728194; 
border-bottom: 1px solid #C6CBD6;
border-right: 1px solid #C6CBD6;
}
.bord {
border: 1px solid black;
}
 
/* TABLE PRINCIPALE */
.tblmain {
width: 100%;
text-align: center;
}
.col {
width: 160px;
vertical-align: top;
}
.scr {
width: 100%;
background-image: url(images/scr_bg.jpg);
background-repeat: repeat-x;
font-size: 7pt; 
color: #728194;
font-weight: bold;
}
 
 
 
/* TITRES DES BLOCS */
.titre {
width: 100%;
height: 2px;
background-image: url(images/bl_hbg.jpg);
background-repeat: repeat-x;
font-size: 8pt; 
font-weight: bold;
color: #FFFFFF;
}
 
.tblcolg {
width: 7px;
background-image: url(images/bl_mg.jpg);
background-repeat: repeat-y;
}
.tblcolc {
width: 100%;
background-color: #F0F0F7;
font-size: 8pt; 
color: #000000;
}
.tblcold {
width: 9px;
background-image: url(images/bl_md.jpg);
background-repeat: repeat-y;
}
.tblcolb {
width: 100%;
height: 6px;
background-image: url(images/bl_bbg.jpg);
background-repeat: repeat-x;
line-height: 1px;
}
 
/* TABLE FOOTER */
.tblfoot {
width: 100%;
height: 28px;
font-size: 7pt; 
color: #000000;
text-align: center;
background-color: transparent;
background-image: url(images/ln_bg.jpg);
background-repeat: repeat-x;
}
.chat1 {
width: 135px;
font-family: Tahoma, MS Trebuchet, Arial, Verdana, Helvetica, Geneva, sans-serif;
font-size: 7pt; 
color: #2d6599;
background-color: #FFFFFF;
text-align: left;
}
.chat2 {
width: 135px;
font-family: Tahoma, MS Trebuchet, Arial, Verdana, Helvetica, Geneva, sans-serif;
font-size: 7pt; 
color: #000000;
background-color: #FFFFFF;
text-align: justify;
border-bottom: 1px solid black;
}
 
.gal {
width: 120px;
height: 95px;
text-align: center;
border: 1px solid black;
 
border-top: 1px solid #728194;
border-left: 1px solid #728194;
border-bottom: 1px solid #C6CBD6;
border-right: 1px solid #C6CBD6;
background-color: #FFFFFF;
margin-bottom: 2px;
}
 
#foFa
{ 
 font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
 font-size: 2px; 
}

Avant de mettre le mien sauvegarde le tien

.

J'ai supprime aussi ceci assez souvent :

Code :

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

1
2
margin: 0 0 0 0;
padding: 0 0 0 0;

Ne les mets pas, ca ne sert a rien vu que les valeurs par défaut sont 0.

**JaMJaMs** · 12/11/2005, 19h19

Merci pour la feuille de style, je l'ai mise en ligne, tu peux l'apercevoir sur mon index...

La Chat Box est deux fois plus grande

et le tableau au centre est censé être Centrer

Sinon à part ca, c'est .. cool !

comment y remédier à ces deux problemes ??

Merci

!

Edit : Sous Firefox, le centre est centré ! pas sous internet Explorer ...

**wikipierre** · 12/11/2005, 19h22

Salut,
Oooops !!!!!
Tu peut remettre ton ancienne feuille de style en ligne que je puisse corriger le problème ?

**JaMJaMs** · 12/11/2005, 19h27

C'est fait !

Mais je trouve ta feuille de style beaucoup mieux que le mien :

J'aime beaucoup les menus qui est espacé des bordures ...

**wikipierre** · 12/11/2005, 20h13

re,
Je regarde les différences je te renvoi la feuille dans une 10aines de minutes

**wikipierre** · 12/11/2005, 20h18

Salut,
La ce sera normalement mieux (j'espére) :

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
body 
{
background-color: #FFFFFF;
font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 8pt;
color: #000000;
text-align: center;
}
 
/* LIENS NORMAUX */
A:link, A:visited { color: #2d6599; text-decoration: none; }
A:active, A:hover { color: #000000; text-decoration: none; }
 
/* LIENS PETIT */
.Asmall:link, .Asmall:visited { font-size: 7pt; color: #000000; }
.Asmall:active, .Asmall:hover { font-size: 7pt; color: #000000; }
 
/* TEXTE PETIT */
.small { font-size: 7pt; color: #000000; }
 
INPUT, TEXTAREA { 
vertical-align: middle; 
border: 1px solid #000000;
margin: 1px;
}
 
FORM {
 
}
 
P {
margin-top: 5px;
}
 
IFRAME {
width: 140px;
}
 
HR {
width: 95%;
}
 
.effect {
background-image: url(images/inputbg.jpg);
background-repeat: no-repeat;
background-attachment: fixed; 
overflow: auto;
}
 
.imgal {
/* Je ne suis pas sur de ces deux lignes */
border-top: 1px solid #728194;
border-left: 1px solid #728194; 
border-bottom: 1px solid #C6CBD6;
border-right: 1px solid #C6CBD6;
}
.bord {
border: 1px solid black;
}
 
/* TABLE PRINCIPALE */
.tblmain {
width: 100%;
text-align: center;
}
.col {
width: 160px;
vertical-align: top;
}
.scr {
width: 100%;
background-image: url(images/scr_bg.jpg);
background-repeat: repeat-x;
font-size: 7pt; 
color: #728194;
font-weight: bold;
}
 
/* TITRES DES BLOCS */
.titre {
width: 100%;
height: 2px;
background-image: url(images/bl_hbg.jpg);
background-repeat: repeat-x;
font-size: 8pt; 
font-weight: bold;
color: #FFFFFF;
}
 
.tblcolg {
width: 7px;
background-image: url(images/bl_mg.jpg);
background-repeat: repeat-y;
}
.tblcolc {
width: 100%;
background-color: #F0F0F7;
font-size: 8pt; 
color: #000000;
}
.tblcold {
width: 9px;
background-image: url(images/bl_md.jpg);
background-repeat: repeat-y;
}
.tblcolb {
width: 100%;
height: 6px;
background-image: url(images/bl_bbg.jpg);
background-repeat: repeat-x;
line-height: 1px;
}
 
/* TABLE FOOTER */
.tblfoot {
width: 100%;
height: 28px;
font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 7pt; 
color: #000000;
text-align: center;
background-color: transparent;
background-image: url(images/ln_bg.jpg);
background-repeat: repeat-x;
}
 
.chat1 {
width: 135px;
font-family: Tahoma, MS Trebuchet, Arial, Verdana, Helvetica, Geneva, sans-serif;
font-size: 7pt; 
color: #2d6599;
background-color: #FFFFFF;
text-align: left;
}
.chat2 {
width: 135px;
font-family: Tahoma, MS Trebuchet, Arial, Verdana, Helvetica, Geneva, sans-serif;
font-size: 7pt; 
color: #000000;
background-color: #FFFFFF;
text-align: justify;
border-bottom: 1px solid black;
}
 
.gal {
width: 120px;
height: 95px;
text-align: center;
border: 1px solid black;
border-top: 1px solid #728194;
border-left: 1px solid #728194;
border-bottom: 1px solid #C6CBD6;
border-right: 1px solid #C6CBD6;
background-color: #FFFFFF;
margin-bottom: 2px;
background-color: transparent;
}
 
#foFa
{ 
 font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
 font-size: 2px; 
}

[HTML] Validation aux normes W3C Failed

HTML

Discussions similaires

Partager

Partager