w3c c'est pas simple du tout

[Guest xavfunette]

Bonsoir,

Suite à la lecture du long topic sur le doctype je me lance dans la validation W3C.

Mais c'est vraiment pas simple du tout.

Déjà, que choisir entre du Xhtml 1.0 ou le HTML 4.01 ?

j'ai voulue essayer Xhtml 1.0, mais j'avais vraiment trop d'erreur, donc je me lance dans le HTML 4.01

Voici la page en question

La page de validation ici

J'ai encore 10 erreurs, mais c'est pas trop clair, surtout si on parle pas anglais

D'après ce que je pense comprendre :

la balise "background" pour une cellule de tableau semble ne pas être valide ? Comment dois-je faire ?

Pour le reste des erreurs, j'ai l'impression que pour indiquer le chemin du image, on ne peut pas commencer par "/" ?

Avez-vous des idées pour me venir en aide ?

[MarvinLeRouge]

Salut,

a ) Tu trouveras ici la même validation, mais en français.

b ) 1,2 : background. Ca n'existe pas comme attribut; tu dois utiliser les styles.

3 : Tu as un double guillemet; le texte qui suit est donc en dehors des guillemets, d'où l'erreur

4, 5, 6, 7 : Mauvaises imbrications de balises. Découle peut-être du 3

8 : une balise img doit contenir un attribut alt

9, 10 : cf 4, 5, 6, 7

c) Sinon, se rabattre sur html sous prétexte que ça te fournit moins de messages d'erreur à la validation est un mauvais prétexte : on choisit un doctype pour des raisons concrètes, et on s'y tient, donc on se débrouille pour que ça valide. D'autre part, xhtml est fait pour séparer fond et forme, un site dont la mise en page est basée sur des tableaux ne semble donc pas adapté à ce choix.

Modifié 30 Août 2005 par MarvinLeRouge

[ryuran]

As-tu essayé de mettre en pageton site sans <table>?

C'est juste une question mais tu devrais y pensé car un tableau normalement en (x)html ça contient des donné et là ton tableau te sert a faire de la mise en page.

Il y a donc un default dans l'utilisations des balises. Le pire là dedans c'est qu'à droites et à gauche il y a des cellules vides qui ne servent à rien à part centré ta mise en page.

Il existe des façons plus corect de centrer le contenu.

[jeanpierre949]

Salut,

souvent il semble qu'il y ait beaucoup d'erreurs mais en fait une seule erreur provoque une cascade d'erreurs a la suite .regarde les premieres lignes si ta balise <table> est correcte anisi que les premieres balies<tr><td> j'ai constaté qu'il manquait un</tr> et un </td> et normalement ca doit passer pour l'image tu lui donnes un attribut (alt="ton image")

Modifié 31 Août 2005 par jeanpierre949

[Portekoi]

Bonjour,

Si tu veux mettre une image en background, tu dois le faire via CSS.

Par exemple, pour :

<td background="/skin/haut/xavfunette-haut_1.jpg" width="770" height="33">

Tu dois mettre dans ton fichier CSS :

td.accueil-fond{
background-image:url("/skin/haut/xavfunette-haut_1.jpg");
width:770px;
height:33px;
}

Et dans ta page, tu dois mettre :

<td class="accueil-fond"></td>

Ensuite remplace ceci :

<img src="images/xavfunette.gif" width="173" height="160" />

Par

<img src="images/xavfunette.gif" width="173" height="160" alt="xavfunette" />

Voila, ensuite, ca devrait aller mieux

Portekoi

[Dudu]

(comment ais-je fait pour louper ce post hier soir? )

Une validation ne sert à rien si ton contenu reste en table: il faut changer de manière de travailler. À mon avis, crée une page blanche avec juste ton contenu sans jamais te servir ni de la balise <table> ni de la balise <img/>.

Après on verra

Mais pour l'instant, enlève tes tables (et le reste aussi, je ne dirais rien à ton frère )

[TheRec]

(comment ais-je fait pour louper ce post hier soir? )

Une validation ne sert à rien si ton contenu reste en table: il faut changer de manière de travailler. À mon avis, crée une page blanche avec juste ton contenu sans jamais te servir ni de la balise <table> ni de la balise <img/>.

Après on verra

Mais pour l'instant, enlève tes tables (et le reste aussi, je ne dirais rien à ton frère )

<{POST_SNAPBACK}>

"Sémantiquement parlant" Dudu à raison, mais si tu es contrainte à garder les tableaux tu as quand même intérêt à valider ta page pour la bonne et simple raison que cela te foercera à mettre un DOCTYPE et à n'utiliser que des balises "valides" (pas de sonneries propriétaires), correctement fermées, ...

[Guest xavfunette]

merci tout le monde, j'ai un peu de mal à comprendre tout d'un coup.

Le lien en français pour la validation ne fonctionne pas (j'espère que c'est temporaire)

Pour remplacer l'attribut "baground", je vais tenter en mettant des "class" (ça tombe bien je ne comprenais pas trop comment utiliser les classes)

c) Sinon, se rabattre sur html sous prétexte que ça te fournit moins de messages d'erreur à la validation est un mauvais prétexte : on choisit un doctype pour des raisons concrètes, et on s'y tient, donc on se débrouille pour que ça valide. D'autre part, xhtml est fait pour séparer fond et forme, un site dont la mise en page est basée sur des tableaux ne semble donc pas adapté à ce choix.

et bien justement, je n'ai pas trop compris pourquoi choisir l'un plutôt que l'autre

"Séparrer fonds et forme" ? tu pourrais m'éclaircir ce point ?

Mais pour l'instant, enlève tes tables (et le reste aussi, je ne dirais rien à ton frère )

si je comprends bien, faut que je débarrasse "les tables", comme à la maison

l'attribut "table" se met tout seul avec Dreamweaver, je ne savais pas que l'on pouvait le retirer

Il vaut mieux peut-être que j'essaie avec un exemple plus simple, ou pensez-vous avoir la patience de m'aider jusqu'au bout ?

[Portekoi]

On aura la patience, ne t'en fait pas.... On a l'habitude donc n'hésite pas

[jeanpierre949]

tu ne peux pas retirer la balise <table> si tu fais des tableaux "table est l'anglicisme de tableau". ce que veut dire DUDU c'st qu'il faut travailler sans tableau mais avec des cadres et les css .Si tu as dreamweaverMX2004 tu as la partie css en haut a droite c'est avec ca qu'il faut travailler ,tu crees tes styles et apres tu les appliques avec les "class", les "id"aux elements que tu disposes dans ta page.exemple pour le conteneur principal que tu as fait avec un tableau en css tu crees un style ,tu le nommes commetuveux tu definis les attributs largeur hauteur couleur de fond police bordures etc.... et dans ton code html tu codes '<div id="commetuveux">tonimage ou tontexte</div>

[Guest xavfunette]

oh là, si je ne peux pas retirer table, alors je crois que poura la validation de ce site, c'est fichue

Le CSS n'est pas simple non plus, alors pour intégrer un graphisme comme ça, je ne voit pas par où commencer

ps : le validateur français fonctionne maintenant, c'était passagé

Modifié 31 Août 2005 par xavfunette

[Guest xavfunette]

pour le double guillemet, je ne voie pas et pour la balise ALT je ne la vois pas manquant non plus

[Dudu]

Xavfunette,

Tenter une validation décernée par un robot, c'est bien.

Mais en utilisant des tableaux à outrance, il vaut presque mieux garder un code invalide, çà te sera beaucoup plus utile (pas taper, les intégristes )

Honnêtement, vide ta page, recommence de zéro: et fais une page avec juste du texte noir sur blanc sur le modèle suivant:

• <!doctype>
  
• <html>, <head>,<meta>s, </head>
  
• <body>
  • <div id="page">
    • <div id="ContenuCentral">
      • <h1>Xavfunette</h1>
        
      • <p>blablablabla..</p>
        

      [*]</div>

      [*]<div id="MenuNavigation">

      • <ul><li></li></ul>
        

      [*]</div>

    [*]</div>

  [*]</body>

  [*]</html>

Une fois que ton 'squelette' HTML sera en place, tout le reste sera du côté CSS

PS: interdiction d'utiliser <table> pour ton code HTML [edit] et interdiction de rajouter le moindre <div> supplémentaire: la 'divite' ne vaut pas mieux que la 'tablite' [/edit]

Modifié 31 Août 2005 par Dudu

[Guest xavfunette]

Dudu,

ton code n'est pas valide non plus

ma page avec ton code

la validation

<html>, <head>,<meta>s, </head>

c'est ça qui marche pas peut-être ? Faut mettre des virgules ?

interdiction d'utiliser <table> pour ton code HTML

je veux bien, mais il me faudrait un substitut

interdiction de rajouter le moindre <div> supplémentaire: la 'divite' ne vaut pas mieux que la 'tablite'

aucun danger, je ne sais pas à quoi sert les "div", c'est pas un élément qui se met tout seul avec Dreamweaver

tu n'aurais pas 2 ou 3 sites valide w3c qui soit autre chose que des pages sans design pour voir

ps : et voilà, mon frère c'est fait des pages valide XHTML et il se moque de moi

[Folken]

Tiens, si tu veux connaitre un peu le XHTML j'ai pris ce tuto qui est pas trop mal encore :

http://siteduzero.com/xhtml-css

C'est normal que la structure de dudu ne soit psa valide il a juste donner la trame a suivre

Je pense qu'en regarder le liens donner, tu arriveras "plus" a t'aiguiller dans l'enfer du codage

exemple :

quand dudu t'as mis :

<!doctype>

<html>, <head>,<meta>s, </head>

<body>

c'etais pour dire a peu pres :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" &quot;http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns=&quot;http://www.w3.org/1999/xhtml" xml:lang="fr" >

<head>

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

</head>

<body>

(wii, je ne suis pas trop un bon prof la dessus, car moi meme debutant )

Modifié 1 Septembre 2005 par Folken

[broadcastor]

dsl de minitier dans ce topic qui n'est pas le miens, mais je tente moi aussi de valider ma page.

Le validateur offficiel du W3C me dit "héhé fiston pas bon" si je met aucun param(1erreur que je ne comprend dailleurs pas, mon doctype est est copié collé de qualité), "ah ah pas si mal, on va dire que cest bon" si je lui met des parametres qui vont bien, et le validateur francais donné en liens dans la page me dit que tout est OK, tout comme tidy....

je sais plus qui croire moi!

[Dudu]

xavfunette: ben oui c'était juste une trame Sinon j'aurais tout pré-mâché dans une balise code

broadcastor: problème d'encodage, essaie de réécrire la ligne entière dans ton éditeur en s'assurant qu'il ait le même encodage que ta page.

[Guest xavfunette]

xavfunette: ben oui c'était juste une trame

désolée, comme tu me donnais un model j'ai fait un copié/collé tel quel avant de touché quoi que ce soit.

Je suis trop naïve je pense

J'ai corrigé, et je suis valide

mais c'est nul comme page, je ne vois pas du tout comment faire sans la balise "table"

Sinon j'aurais tout pré-mâché dans une balise code

j'aurais préférée, car maintenant, j'en connais un qui va se moquer de moi

[jeanpierre949]

Tu travailles avec dreaweaver MX 2004?

Avec ou sans tableau dreamweaver te donne toutes les indications pour corriger ton code.TU veux valider en html ou Xhtml?

[Guest xavfunette]

oui c'est écrit Dreamweaver MX 2004

pour l'instant je reste en HTML (j'ai pas saisie l'explication entre le fond et la forme)

[Dudu]

Xavfunette: je te donne ce soir la CSS qui va faire ressembler ta page toute blanche à celle que tu souhaites faire (y'aura quand même 2-3 images à retaper).

[edit] sanf si quelqu'un veut 'y coller avant moi [/edit]

jeanpierre949: Sérieusement à quoi çà sert de valider un bordel de tableaux ? Niveau sémantique tu n'y gagnes rien, niveau poids de la page tu n'y gagnes rien, niveau référencement tu n'y gagnes rien.. çà ne sert très précisément à rien

Ah si j'ai trouvé çà fait un logo de plus à mettre (chic alors)

[jeanpierre949]

Pour le moment c'est pour aider Xavfunette a valider sa page pour que son frngin ne se moque pas d'elle.

Avec dreamweaver tu as en bas a gauche une fenetre resultattu l'ouvres tu cliques sur validation > option tu choisis html 4.01 >ok et tu cliques sur petit triangle vert en haut de la fenetre >valider document actuel tu auras toutes les erreurs qui font s'afficher dans la fenetre

[Dudu]

Pour le moment c'est pour aider Xavfunette a valider sa page pour que son frngin ne se moque pas d'elle.

Ne me dis pas que tu n'as pas compris la véritable identité de xavfunette :D

PS: je t'invite à lire le sujet sur le doctype dont le lien est dans le 1er message

edit: ah oui zut c'est vrai j'ai une CSS à faire moi du coup..

Modifié 1 Septembre 2005 par Dudu

[Xavfun]

Pour le moment c'est pour aider Xavfunette a valider sa page pour que son frngin ne se moque pas d'elle.

trop tard, je pouvais pas rater ça

Ne me dis pas que tu n'as pas compris la véritable identité de xavfunette

une espionne

Plus sérieusement, j'ai lu dans ce topic que la balise "table" n'était pas valide w3c.

J'ai fait quelques pages validé w3C en XHTML et il y a un tableau avec la balise "table"

et pas de CSS (je laisse ça pour ma soeur)

Xavfunette: je te donne ce soir la CSS qui va faire ressembler ta page toute blanche à celle que tu souhaites faire (y'aura quand même 2-3 images à retaper).

Ah c'est bien d'être une fille parfois, pour moi tu ne me l'aurais pas fait

Si je comprends bien tu peux lui faire un CSS pour remplacer ça, sans avoir aucun autre élément que ce que tu voit en ligne ?

c'est fort

[Dudu]

La balise <table> est valide d'un point de vue structure. C'est son utilisation n'importe comment qui est invalide Énorme nuance..

Sur ta page w3c.php3 mets çà en CSS

* {margin:0; padding:0;}
img {border:none;}
body {background-color:#fcc;}
#page {background-color:#fff; margin:15px;text-align:center;} 
#MenuNavigation ul {text-align:left;padding-left:20px;}
#MenuNavigation {width:20%;background-image: url(/skin/gauche/xavfunette-gauche_2.gif);}
#ContenuCentral p {width:80%;float:right;border:1px solid #FF0074;}
#ContenuCentral {padding:0 10px;}
#ContenuCentral h1 {height:197px;margin:15px auto;line-height:190px;border:1px solid #ff0074;}

Tu pigeras mieux le principe je pense (si il me faudrait les images en version entières non-découpés en petits morceaux pleeeeaze Puis ho ta sœur n'a qu'à le faire elle-même, mets là devant Photoshop. En plus comme çà tu auras 10 minutes de silence pendant lesquelles elle ne te racontera pas ses histoires de fille )

edit: gaffe je viens de modifier un petit truc dans la CSS.

Pour continuer le travail, il faut revoir un peu l'HTML, le CSS et les images. Et ta page tableless valide aura grosso modo la même tête que l'autre

Modifié 1 Septembre 2005 par Dudu