× Aidez la recherche contre le COVID-19 avec votre ordi ! Rejoignez l'équipe PC Astuces Folding@home
 > Tous les forums > Forum des Webmasters
 Vérification du code HTML de mon siteSujet résolu
Ajouter un message à la discussion
Pages : [1] 2 3 ... Fin
Page 1 sur 3 [Fin]
vtt74
  Posté le 22/02/2010 @ 18:44 
Aller en bas de la page 
Petit astucien

Bonjour à tous,

Je souhaiterais que des pros du html me disent si mon site, conçu par un novice ++ que je suis, est conforme.

Je doute de tout, il s'affiche mais ! qui sait ! adresse du site : http://peps.ordi.free.fr/

De plus, ce flux rss html que je veux insérer dans ma page liens ne s'affiche pas :

<script language="JavaScript" type="text/javascript" src="http://www.pcastuces.com/xml/rss2javascript.asp?flux=logitheque&nb=5&description=1" charset="ISO-8859-1"></script>
<noscript><a href="http://www.pcastuces.com" title="PC Astuces">PC Astuces</a></noscript>

Que faire pour ?

Publicité
vtt74
 Posté le 22/02/2010 à 18:58 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Oui, j'ai essayé mais il me trouve des erreurs qui n'existent pas !

Malcolm
 Posté le 22/02/2010 à 19:05 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucien

sisi, toutes les erreurs existent bien. Il suffit de prendre tes pages cadre par cadre ... Et puis actuellement, les cadres sont vraiment dépassés.

griggione
 Posté le 23/02/2010 à 17:42 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grand Maître astucien

Bonsoir vtt74

Ils ont raison, regarde bien, tu utilises le xhtml 1 avec des balises complètement obsolètes.
Donc soit tu change ton doctype en html 4.01 soit tu refais tes pages, sans cadres déjà, et avec les bonnes balises et sipossible avec une feuille de style externe.

vtt74
 Posté le 24/02/2010 à 17:34 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

J'ai modifié quelques paramètre mais je pense que cela n'est pas suffisant, je regarde sur le Web pour faire un tableau plutôt que des frames, feuille de style externe ? (chinois pour moi) unsite de formation à me conseiller ?

elle
 Posté le 24/02/2010 à 18:23 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Pas un tableau : des div!

Alsacréations, Le site du Zéro, ici pour une explication sur les feuilles de style... sinon, une petite recherche sur le forum...

griggione
 Posté le 25/02/2010 à 09:58 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grand Maître astucien

RE

Et un complèment d'informations: http://www.alsacreations.com/tutoriels/

vtt74
 Posté le 28/02/2010 à 12:01 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

De nouveau bonjour,

J'ai modifié le site en enlevant les frames comme conseillé et une feuille de style css.

Le résultat est : excellent (je doute), bon, passable, ou nul ? Je flippe un peu !

griggione
 Posté le 28/02/2010 à 12:31 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grand Maître astucien

Bonjour vtt74

Comme tu dis le résultat est .............. nul !
On va pas faire des ronds de jambe, 82 erreurs au W3C pour le html.

Déjà dans ton head:

<LINK rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="style.css" />

Quand on veut coder propre le lmieux est de s'entourer de texte ou liens avec les standards.
Cela évite bien souvent des déconvenues.

Pour ta feuille de style, inutile de mettre du blabla (surtout faux mais un voit aprés)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<style type="text/css">
<!--
body {
background-color: #2f4f4f;
}
body,td,th {
font-family: verdana;
font-size: 16px;
color: #FFF;
}
a{
text-decoration:none;
}
-->
</style>

Mais le plus important est que tu mélanges les doctypes:
- DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//E pour la feuille de style
- DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" pour ta page html

Bon comme tu vas choisir le bon, c'est à dire comme ta page html, il te faut là-aussi voir les standards et ne plus travailler à l'ancienne avec que des cadres.

Suis le lien donné avant et ragarde la construction d'une page; tete, menu, contenu, pied pour commencer.
Ensuite tu pourras enmenager comme tu désires

Publicité
vtt74
 Posté le 28/02/2010 à 13:06 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Merci pour ces nouvelles précisions.

Je revois ma copie et reviendrai j'espère avec au moins une étoile !

Dreamer
 Posté le 28/02/2010 à 13:59 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Salut

Quelques erreurs effectivement avec l'utilisation du doctype

Tu as

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

Alors que ce doit être ( espace+ le / )

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

De même pour les espaces

<br>

Mais ( espace + / )

<br />

Les images

<img src="images/bouton_accueil.jpg" width="190" height="60" border="0">

La réponse ( manque le alt et l'espace et le / )

<img src="images/bouton_accueil.jpg" width="190" height="60" border="0" alt="Image" />

On continue ... Les tableaux sont plutôt réservés pour des données . L'utilisation de <div> ( entete, corps, pied ou cote ) serait plus judicieuses !!

griggione
 Posté le 28/02/2010 à 14:07 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grand Maître astucien

RE

C'est marrant tout de même, quand c'est Dreamer qui explique, même moi je comprend

griggione
 Posté le 28/02/2010 à 14:09 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grand Maître astucien
vtt74 a écrit :

Je revois ma copie et reviendrai j'espère avec au moins une étoile !

RE

Pas de problème je pense, quand on voit comment tu as déjà arrangé, c'est que tu comprends et appliques correctement.

Dreamer
 Posté le 28/02/2010 à 14:58 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

griggione a écrit :
vtt74 a écrit :

Je revois ma copie et reviendrai j'espère avec au moins une étoile !

RE

Pas de problème je pense, quand on voit comment tu as déjà arrangé, c'est que tu comprends et appliques correctement.

Tient on parle du guide Michelin , pourquoi pas un flocon non plus !!!

vtt74
 Posté le 28/02/2010 à 17:40 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Voiçi, voilà ! Je pense avoir du cinq étoiles NN. Dommage que je n'avais pas lu avant la réponse de Dreamer, j'aurais moins mouillé le maillot. Par contre pour alt="image" j'aurais été déshydraté. Merci à vous deux. Pour les <div> un lien intéressant ? pour ne pas perdre mon latin !

Dreamer
 Posté le 28/02/2010 à 17:46 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

vtt74 a écrit :

Voiçi, voilà ! Je pense avoir du cinq étoiles NN. Dommage que je n'avais pas lu avant la réponse de Dreamer, j'aurais moins mouillé le maillot. Par contre pour alt="image" j'aurais été déshydraté. Merci à vous deux. Pour les

un lien intéressant ? pour ne pas perdre mon latin !

Pas tout à fait pour le 5 * , tu as oublié l'espace enre le r et le / de <br />

Ensuite , je trouve que ta <table> est trop près du menu , tu devrais mettre une <table> dans ta <table> puisque tu n'utilises pas les <div>

griggione
 Posté le 28/02/2010 à 18:22 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grand Maître astucien

RE

Laisse tomber les cadres tu vas etre trés vite dépassé et certainement limité dans tes constructions de pages.

Fais un tour et choisi un modèle de travail.
Tu vas voir de suite la difference et toutes les possibilités que tu n'auras pas avec les tables.

http://www.alsacreations.com/static/gabarits/liste.html

Publicité
Dreamer
 Posté le 28/02/2010 à 18:30 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

griggione a écrit :

RE

Laisse tomber les cadres tu vas etre trés vite dépassé et certainement limité dans tes constructions de pages.

Fais un tour et choisi un modèle de travail.
Tu vas voir de suite la difference et toutes les possibilités que tu n'auras pas avec les tables.

http://www.alsacreations.com/static/gabarits/liste.html

Surtout que son affichage est simple donc facilement transposable !!!

vtt74
 Posté le 28/02/2010 à 18:46 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Bons conseils encore, j'ai modifié les valeurs du td with pour les deux cadres verticaux en attendant de me pencher sur les <div>, c'est bon ?

Dreamer
 Posté le 28/02/2010 à 18:49 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

vtt74 a écrit :

Bons conseils encore, j'ai modifié les valeurs du td with pour les deux cadres verticaux en attendant de me pencher sur les

, c'est bon ?

C'est plus clair !!

Penses aux <div> et délaisses les tableaux !!

griggione
 Posté le 28/02/2010 à 18:58 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grand Maître astucien
Dreamer a écrit :

Penses aux div et délaisses les tableaux !!

RE

pour de bon, tu vas être trés vite limité et en tout cas pas d'évolution vers le xml et le html5.

vtt74
 Posté le 06/03/2010 à 15:22 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Coucou, me revoilou !

Ma page index est sur mon site. Les autres (accueil, tarifs, etc..) pas encore mises à jour.

Il est validé par http://validator.w3.org/check?uri=http%3A%2F%2Fpeps.ordi.free.fr%2F&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.654.

Des modifications à apporter ou améliorations ?

Puis-je incorporer tout ce qui est contenu dans la balise <style> dans ma feuille style.css ?

Dreamer
 Posté le 06/03/2010 à 17:02 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Salut

Très bien ....

Page tarifs.htm : 1 erreur

 <p><em><font color="#FF0000">*</font> Toute demie-heure supplémentaire entamée est dûe au tarif unitaire de 18 euros net.</p>

Où est la balise </em> ??

Page contact.htm Ligne 37

<input type="submit" value="Calendrier 2010">

La ligne exacte devrait s'écrire

<input type="submit" value="Calendrier 2010" />

Toujours sur la même ligne

<tr><td> <form action="http://www.almanach.free.fr/" target="_blank"> <input type="submit" value="Calendrier 2010"></td></form></tr></table>

Le </form> doit être avant le </td> comme ceci :

<tr><td> <form action="http://www.almanach.free.fr/" target="_blank"> <input type="submit" value="Calendrier 2010"></form></td></tr></table>

La ligne 29 ne doit pas avoir de border="0"

Pour le reste RAS

vtt74
 Posté le 06/03/2010 à 18:13 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Merci Dreamer pour ton suivi, pour ma question : Puis-je incorporer tout ce qui est contenu dans la balise <style> dans ma feuille style.css , je peux ?

Donc dans les autres pages, je fais la même mise en page avec les <div> ?

Dreamer
 Posté le 06/03/2010 à 18:46 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

La réponse est oui pour le <style=""> une class devrait faire l'affaire !!

elle
 Posté le 06/03/2010 à 18:57 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Alt="image", ça ne sert à rien. Aussi bien laisser vide dans ce cas (alt=" ").

Dans le code HTML, l'attribut «alt» sert à mettre un texte de remplacement qui sera affiché en l'absence d'une image, d'un formulaire ou d'un applet. Si l'image n'a qu'une fonction décorative, pas besoin de texte de remplacement comme tel. Par contre, si elle joue un rôle dans la compréhension du contenu, on mettra par exemple : alt="photo de la cuisine".



Modifié par elle le 06/03/2010 18:59
Publicité
Pages : [1] 2 3 ... Fin
Page 1 sur 3 [Fin]

Vous devez être connecté pour poster des messages. Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !


Les bons plans du moment PC Astuces

Tous les Bons Plans
299,99 €Xbox Series S en précommande à 299,99 €
Valable jusqu'au 02 Novembre

La nouvelle console Xbox Series S de Microsoft sort le 10/11 et vous pouvez d'ores et déjà la précommander à 299,99 €. Cette version plus compacte embarque une puce graphique de 4 teraflops et est compatible avec 4 générations de jeux. Elle intègre un SSD de 512 Go. Elle n'a pas de lecteur optique. Sur AmazonCdiscountFnac, ...


> Voir l'offre
89,07 €Onduleur APC BX 700 à 89,07 €
Valable jusqu'au 01 Novembre

Amazon fait une promotion sur le très bon onduleur APC BX 700U FR qui passe à 89,07 € livré gratuitement alors qu'on le trouve ailleurs à partir de 105 €. Cet onduleur assure une alimentation de secours sur batteries et une protection contre les surtensions pour votre ordinateur et vos périphériques le temps que vous fermiez vos documents et éteignez correctement votre materiel en cas de coupure de courant. Il offre une puissance de sortie de 390W/700 VA. Son port USB vous permettra de brancher votre NAS ou votre ordinateur dessus pour qu'il gère automatiquement l'arrêt en cas de coupure.


> Voir l'offre
10,69 €Clé USB 3.0 SanDisk Ultra Flair 64 Go à 10,69 €
Valable jusqu'au 31 Octobre

Amazon fait une promotion sur la clé USB 3.0 SanDisk Ultra Flair 64 Go qui passe à 10,69 € au lieu de 18 €. La livraison en point retrait est gratuite.


> Voir l'offre

Sujets relatifs
code html a mettre sur site
code html pour info-bulle
insertion code html
Site codé vers CMS
google-site-verification
Code html
problemme de changer un code html ...
Un site html classique plus sûr qu'un cms?
Avoir son site web sans connaissance Html ect...
Code HTML ?? c'est quoi
Plus de sujets relatifs à Vérification du code HTML de mon site
 > Tous les forums > Forum Forum des Webmasters