[RESOLU]Validation code Html

kaihansen · Message par **kaihansen** » 02 oct. 2006, 21:52

Bonjour,

j'ai passé un coup de validation Html et bien évidemment, j'ai 13 erreurs de code.

J'ai des guillemets, des < en rouge, çà correspond à quoi.

c'est sur cette page :
http://perso.orange.fr/fred.laury/index.html

je n'ose même pas valider les autres pages
Si quelqu'un pouvait m'éclairer sur le principe de ces erreurs.

Merci
a+

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.7) Gecko/20060909 Firefox/1.5.0.7

Kazé · Message par **Kazé** » 03 oct. 2006, 10:24

Bonjour,

vu le code de ta page (doctype correct sans indentation), je suppose que tu as fait cette page avec KompoZer... on va faire le SAV alors !

J'ai vu 13 erreurs :

1-3: attributs interdits dans <body>, utiliser une feuille de style à la place
4-5: il manque un conteneur (paragraphe ou <div>)
6-12: l'élément <embed> est déprécié, à supprimer (<object> suffit)
13: renseigner le contenu alternatif de l'image du compteur

Les erreurs 6 à 13 sont de ton fait (et corrigeables en 1 min).
Les erreurs 1 à 5 sont liées à KompoZer, qui ne devrait pas autoriser certains attributs ou balises en DTD "stricte". C'est un des bugs de Nvu qui ont été relevés par Charles Cooke. À ajouter à la liste des bugs corrigeables...

kaihansen · Message par **kaihansen** » 03 oct. 2006, 17:59

Merci Kaze,

Oui, la page a bien été faite avec Kompozer et j'espère que tu continueras à le faire progresser.
Par contre, corrigeable en 1mn, çà c'est pas mon cas.
Bon, il ne reste plus que 2 erreurs, qui du fait de mon ignorance en html, me casse les pieds. Je vais essayer de trouver.....

Par contre, la validation fait référence à des lignes et des colonnes, ces numéros doivent correspondre à des lignes sur un editeur mais pas aux lignes de l'onglet "Source" de Kompozer. Pour mon cas, çà va à peu près, c'est une page simple mais pour des pros de la page web, çà doit être plus dur.
y a une astuce pour retrouver l'erreur autre que le "chercher/remplacer".

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.7) Gecko/20060909 Firefox/1.5.0.7

kaihansen · Message par **kaihansen** » 03 oct. 2006, 18:36

.....suite

En enlevant le "embed", certaines erreurs disparaissent (reste les 2), mais la super animation (j'ai mal au cheville d'un seul coup) disparait sous FF.
Là, ou çà me gêne plus c'est qu'en passant par IE, elle apparait.

ah quand ignorance rime avec impuissance....

a+

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.7) Gecko/20060909 Firefox/1.5.0.7

Message par **chinon37** » 03 oct. 2006, 19:41

Pour y voir plus clair, je te conseille déjà d'installer l'extension de Kazé Nsmcontext.
Tu pourras oublier l'onglet source (qui devrait disparaitre

) et ouvrir la source dans un éditeur de texte externe. Tu peux mettre un bouton dans la barre d'outils qui te facilite grandement la chose (aussi rapide que l'onglet source)
Comme éditeur de texte, Notepad++ me convient très bien.

Message par **Ymai** » 03 oct. 2006, 19:48

chinon37 a écrit :Tu peux mettre un bouton dans la barre d'outils qui te facilite grandement la chose (aussi rapide que l'onglet source)

Et dire que je l'ignorais...

Invité · Message par **Invité** » 03 oct. 2006, 20:40

question c..n, comment as tu fait tes boutons, ils m'intéresse

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.7) Gecko/20060909 Firefox/1.5.0.7

kaihansen · Message par **kaihansen** » 03 oct. 2006, 21:11

eh bien en Css, je ne veux surtout pas donner de leçon (cf voir nombre d'erreur sur la page) mais voila ce que j'ai declaré dans la feuille CSS pour les boutons :
Lien Bouton normal :

a.button { border-style: groove;
border-color: #33ccff;
font-family: Arial,Helvetica,sans-serif;
color: #ffffcc;
background-image: url(BLEU.GIF);
background-position: center;
background-repeat: no-repeat;
height: 20px;
min-height: 20px;
font-size: medium;
text-align: center;
display: block;
width: 130px;
}

le "BLEU.GIF" etant le fond du bouton non survolé

lien Bouton survolé (:hover)

a.button:hover { border-style: inset;
border-color: #ffcc66;
font-family: Arial,Helvetica,sans-serif;
font-size: medium;
color: #33ccff;
background-image: url(buttonBackground_jaune.gif);
background-position: center;
background-repeat: repeat-y;
height: 20px;
display: block;
width: 130px;
}

buttonBackground_jaune.gif = fond du bouton quand la souris passe dessus. Si çà peut te servir.....
Sinon va faire un tour là:
http://css.alsacreations.com/Tutoriels- ... age-unique

a+

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.7) Gecko/20060909 Firefox/1.5.0.7

Kazé · Message par **Kazé** » 03 oct. 2006, 21:28

kaihansen a écrit :En enlevant le "embed", certaines erreurs disparaissent (reste les 2), mais la super animation (j'ai mal au cheville d'un seul coup) disparait sous FF.
Là, ou çà me gêne plus c'est qu'en passant par IE, elle apparait.

On a eu plusieurs discussions sur ce forum à propos de <object> et <embed>. Outre le post-it, le sujet qui me semble contenir le plus d'infos est celui-là.

Tu devrais donc remplacer ton code :

Code : Tout sélectionner

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" height="100" width="400"> <param name="eanim" value="!e-anim:essai"> <param name="movie" value="essai.swf"> <param name="quality" value="high"><src ="essai.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" height="100" width="400"></src></object>

par celui-ci :

Code : Tout sélectionner

<object type="application/x-shockwave-flash" data="essai.swf" width="400" height="100">
   <param name="movie" value="essai.swf">
   <param name="quality" value="high">
   Adobe Flash est requis pour cet élément.
</object>

Testé sur mon poste avec Firefox 1.5.x et IE 5.5.

kaihansen · Message par **kaihansen** » 03 oct. 2006, 22:34

Encore une fois merci Kaze
Nickel chrome.

J'ai pu qu'à corriger les autres pages.

a+

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.7) Gecko/20060909 Firefox/1.5.0.7

Geckozone

[RESOLU]Validation code Html

[RESOLU]Validation code Html

Qui est en ligne ?