validation w3c et KompoZer

Vincent Sermonne · Message par **Vincent Sermonne** » 12 août 2007, 05:42

Bonjours,
J'ai voulu refaire mes page html en Xhtml. J'ai donc refais une page modele, juste un tableau avec quatre lignes dont une a 6 colonnes dans lesquelles chaque cellule est un lien de navigation en texte et une ligne dans laquelle il a un bandeau en .png.
Pour essayer j'ai testé la validation et il me donne déjà 5 erreur !
Alors quoi comment ousque ? j'ai comme était un peu refroidi de tout me retaper...

Mon site actuellement est toujours en html mais fais avec kompozer, j'avais pas vue qu'il falait changer les pref pour etre en xhtml, je pensais qu'il l'était par défaut... enfin voilà.

http://tchackpoum.free.fr

WinXP famillial
Kompozer 0.77

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

Mongo Bob · Message par **Mongo Bob** » 12 août 2007, 10:35

La page concernée, c'est plutôt celle-ci alors?
http://tchackpoum.free.fr/Tchackpoum%20accueil.html
et la page qui a été sanctionnée avec 5 erreurs?
Pour celle du lien au-dessus tu as déjà un <h2> sans <h1> ce qui n'est pas valide, en fait c'est l'image-texte Tchakpoum qui fait office de <h1> mais <h1> ne doit contenir que du vrai texte-texte. Si tu tiens à l'image, tu pourrais donner une marge négative gauche qui le sorte de l'affichage de la page, à un <h1>Tchakpoum</h1> qu'il y ait un vrai <h1> accessible, et laisser l'image où elle est.
(

au fait, dans la page du 1er lien, tu as un <h1>sans contenu)
L'attribut "style" accolé à <html> n'est pas valide, c'est propriétaire :

Extension HTML validator a écrit :The tag contains an attribute that is proprietary to Netscape or InternetExplorer

Fait complètement avec Kompozer?
"Direction" est une propr css, à utiliser dans les balises <style></style>, je crois qu'il faudrait l'appliquer à <body>.
Une balise vide, c'est pas bon :

Code : Tout sélectionner

<span style="font-weight: bold;"></span>

Pourquoi pas faire du html strict valide et y rester, plutôt que de passer en xhtml? On a eu plusieurs discussions là-dessus, avec la conclusion que html strict était bien préférable...
En tout cas, bon courage, je suis passé par là

Invité · Message par **Invité** » 12 août 2007, 18:36

La page concernée, c'est plutôt celle-ci alors?
http://tchackpoum.free.fr/Tchackpoum%20accueil.html
et la page qui a été sanctionnée avec 5 erreurs?

Non cette page est faite en html, la page concernée par les 5 erreurs est celle-ci (c'est une page de test)
http://tchackpoum.free.fr/essais.html
En effet j'ai une page de re-direction en index, pour les anglophones,peut être c'est pas bien, je sais pas... mettre "english version" sur l'accueil français serait peut être mieux ?

Pour celle du lien au-dessus tu as déjà un <h2> sans <h1> ce qui n'est pas valide, en fait c'est l'image-texte Tchakpoum qui fait office de <h1> mais <h1> ne doit contenir que du vrai texte-texte. Si tu tiens à l'image, tu pourrais donner une marge négative gauche qui le sorte de l'affichage de la page, à un <h1>Tchakpoum</h1> qu'il y ait un vrai <h1> >accessible, et laisser l'image où elle est.

Oui en effet je tien à l'image !!

Merci, je vais essayé de faire ça !

au fait, dans la page du 1er lien, tu as un <h1>sans contenu)
L'attribut "style" accolé à <html> n'est pas valide, c'est propriétaire

Ah !? En fait je ne suis pas un webmaster, juste un citoyen lambda qui a fait son chtio site sur son espace perso free, donc je fait tout en mode création graphique. Je suis rentré dans le code juste pour le css, pour avoir les liens d'une autre couleur non soulignés et d'une couleur differente au passage de la souris.
Pour çà, vue que ça ne marchait pas avec kaskade de kompozer (ou plutot que je ne suis pas tres au fait), j'ai copié le code css d'une autre page qui avait été faite avec dreamweaver. Mais concernant les balises, c'est kompozer qu'il les a créé. Bon je vais essayé de rectifier çà.

Fait complètement avec Kompozer?
"Direction" est une propr css, à utiliser dans les balises <style></style>, je crois qu'il faudrait l'appliquer à <body>.
Une balise vide, c'est pas bon :

Oui, sauf la copie du code css ci dessus cité... Enfin, j'ai aussi copié du texte provenant de pages faite avec dreamweaver... y aurait-il une incidence ? Ce n'est que de la copie de texte et pas du code...
Je dois donc le mettre ce code css entre <style> et </style> après <body> ?

Jai loupé cette discussion sur la progra en html ou xhtml, je vais donc essayer de réparer les pages existantes... je sens que je ne suis au bout de mes peines

J'ai lu que l'éditeur source code de kompozer provoque du bug, que conseillez-vous comme éditeur texte externe ?

Merci !

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

Mongo Bob · Message par **Mongo Bob** » 12 août 2007, 20:11

Oui en effet je tien à l'image !! Clin d'oeil Merci, je vais essayé de faire ça !

Code : Tout sélectionner

h1 {
text-indent:-5000px;
}

Attention, tu ne peux pas appliquer cette propriété par l'interface de Cascades (zut! faut encore que j'embête Kaze avec ça...), elle n'y figure pas. Heureusement que l'onglet Général te permet de faire de l'édition "libre" alors tu la tapes direct dans cette zone, et rajouter les autres propr de <h1> normalement, police, etc...
Le <h1> sera hors de vue quand le site sera affiché par un navigateur graphique mais l'image-texte si, par contre, ce <h1> sera tout à fait accessible par les lecteurs d'écran ou les moteurs de recherche (double intérêt, humaniste et commercial quoique ton site n'est pas un site commercial).

tu es obligé d'avoir un <h1> dans chaque page, et en principe, un seul, alors que plusieurs <h2>, <h3> etc...

Pour çà, vue que ça ne marchait pas avec kaskade de kompozer (ou plutot que je ne suis pas tres au fait),

euh... Oui!

j'ai copié le code css d'une autre page qui avait été faite avec dreamweaver.

Ouch! Achtung! Jamais faire ça! C'est lui qui a dû te coller "style" à <html>.

Enfin, j'ai aussi copié du texte provenant de pages faite avec dreamweaver.

Repars à 0

http://www.geckozone.org/forum/viewtopi ... 170#394170

Je dois donc le mettre ce code css entre <style> et </style> après <body>

?
NON! Entre <style> et </style> dans le <head>, donc avant le <body>!
ceci, c'est pour du css interne, c'est un bon début.

je vais donc essayer de réparer les pages existantes..

Franchement, répare pas, repars à 0!

J'ai lu que l'éditeur source code de kompozer provoque du bug, que conseillez-vous comme éditeur texte externe ?

Trés trés bonne question : Notepad++

http://www.framasoft.net/article2579.html
Tu auras peut-être besoin de précisions pour l'utiliser ou pour toute autre chose, on est là, à+

Vincent Sermonne · Message par **Vincent Sermonne** » 13 août 2007, 04:33

Bon voilà, j'ai refait tout bien comme il faut et j'ai eu mes médailles

Alors quelques précisions quand même:
Quand j'ai fait mes premieres pages, celles copiées sur DW, j'avais changé dans les preferences de kompozer la couleur de la police, des liens ect ect.
Et c'est ça qu'il ne faut pas faire, sinon pas de médailles w3c !
Il faut tout faire en style css, et pour le coup j'ai du m'y mettre et j'en ai bien appris (bien que pas asses, j'ai pas les médaille css mais je ne me coucherai pas sans).
Je commence à être familiarisé avec kompozer et je suis bien content de le découvrir un peu plus, malgré les plantages récurant et les petites flèches de redimensionnement des tableaux qui m'ont plus qu'un chouille énervés. A part çà je le préfère de loint à dw légalement désinstallé depuis, un poid en moins pour ma conscience;).
Merci beaucoup de votre aides.
Je signal aussi ce site qui m'a beaucoup aidé :
http://www.a-ton-site.com/gratuit/css/

Que vais-je vraiment gagner, à part votre respect, d'être validé w3c ?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

Message par **chinon37** » 13 août 2007, 09:27

simple petite remarque: le bandeau de "tchakpoum" (snare 202.png) est beaucoup trop gros.les connections lentes quitteront la page pour téléchargement trop long.
Il faudrait le ramener à 100 ko maximum
A noter également que tous ceux qui ont une fenêtre de navigateur inférieure à 1043 px verront apparaître en bas de leur écran une barre de défilement horizontale, désagréable pour une lecture confortable du site.
A part ça,le site est très beau et sobre

Vincent Sermonne · Message par **Vincent Sermonne** » 13 août 2007, 14:23

simple petite remarque: le bandeau de "tchakpoum" (snare 202.png) est beaucoup trop gros.les connections lentes quitteront la page pour téléchargement trop long.

Ah c'est vrai ! je vais rectifier çà.

A noter également que tous ceux qui ont une fenêtre de navigateur inférieure à 1043 px verront apparaître en bas de leur écran une barre de défilement horizontale, désagréable pour une lecture confortable du site.

Zut ! le redimensionnement avec un script java est-il recomandable ?

A part ça,le site est très beau et sobre

Aaaah ça fait plaisir ! Merci !

Merci pour ces conseils !

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

Message par **Ymai** » 13 août 2007, 15:49

Vincent Sermonne a écrit : Que vais-je vraiment gagner, à part votre respect, d'être validé w3c ?

Il me semble que ce n'est déjà pas à dédaigner.

D'autre part, la validation est une certaine garantie que le site web sera correctement lu par les navigateurs qui respectent cette norme.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.6) Gecko/20061201 Firefox/2.0.0.6 (Ubuntu-feisty)

Vincent Sermonne · Message par **Vincent Sermonne** » 13 août 2007, 16:25

Oups ! ! Désolé si cela a semblé dédaigneux, ce n'était pas du tout mon intention. (et encore moins ma nature)
Je suis de tempérament curieux et obstiné, j'apprends et je pose les questions
sans tourner autour du pot, ce qui pourraient paraitre insolent, mais ce n'est pas le cas.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

Message par **Ymai** » 13 août 2007, 16:28

Ouuuups,

Ymai a écrit :
Vincent Sermonne a écrit : Que vais-je vraiment gagner, à part votre respect, d'être validé w3c ?
Il me semble que ce n'est déjà pas à dédaigner.

il fallait lire
Il me semble que ce n'est déjà pas à dédaigner.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.6) Gecko/20061201 Firefox/2.0.0.6 (Ubuntu-feisty)

Vincent Sermonne · Message par **Vincent Sermonne** » 13 août 2007, 16:37

ouf, me voilà rassuré !

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

Vincent Sermonne · Message par **Vincent Sermonne** » 13 août 2007, 17:30

arrrrrg, je vien de regarder ce que cela donne sur IE7 et c'est horrib ! comment se fesse ?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

Message par **chinon37** » 13 août 2007, 17:36

Tu peux préciser où sont les problèmes?

Vincent Sermonne · Message par **Vincent Sermonne** » 13 août 2007, 17:57

Le texte est regroupé tout sur la gauche en petit bloc tout rikiki... une image et vous comprendrez:

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

Invité · Message par **Invité** » 14 août 2007, 00:39

je crois avoir compris : Ma mise en page est faite avec un tableau (erreur je sais, mais j'apprend). A la base c'était un tableau avec quatre lignes et six colonnes. Apres j'ai fusionné les colonnes dans les ligne de texte et de deco pour garder les colonne pour le menu. Mais voilà, IE ne l'entend pas de cette oreille... Bon je vais recommencer en evitant les tableaux... Comment faire une feuille de style pour mon menu ? Espace au clavier ?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

Geckozone

validation w3c et KompoZer

validation w3c et KompoZer

Qui est en ligne ?