Code source HTML sous IE / Firefox et Safari Résolu/Fermé

Question

Bonsoir à tous !
Voici mon problème : je viens de créer un site web pour 3 amis qui ont décidé de monter un projet faramineux : partir 10 mois découvrir l'Asie à pied (bref.......) Etant débutant en HTML et webmastering, j'ai cherché un logiciel simple pour créer mes pages web.... Izispot me convient bien.... J'ai réussi facilement à créer le site qu'on voulait.... oui mais le problème est de taille : sous IE, aucun problème lors de la navigation. Par contre, sous Firefox comme sous Safari, impossible de surligner les différents textes, ni même de cliquer sur les liens présents dans le corps du site (les liens du menu par contre, pas de problème......) ou de positionner son curseur dans les champs de texte de mon formulaire de commentaire..... Aucun de ses problèmes ne survient sous IE, encore une fois.... juste sous MF et Safari.... Je ne comprend pas pourquoi.... Il est à noter que le code source HTML de chacune de mes pages, je l'ai placé entre les balise <head> et </head>, alors que meme sans m'y connaitre très bien en HTML, je suppose que la logique veut que le contenu d'une page soit balisé par <body> et </body>..... Le problème peut-il venir de là ? Car sous Izispot, j'ai tenté de déplacer mon code html pour le placer entre les balises body, mais du coup je n'ai plus rien sur mes pages....... Je vous serez très reconnaissant de me venir en aide, parce que là je vois pas d'ou vient cette différence IE/MF-Safari...... Par avance, un grand merci.
Cordialement,

notobe · Answer

Avec un lien, ce serait plus facile de voir ce qui ne va pas dans le code...

notobe · Answer

Sympa le design ;) Mais le code... aïe... pas beau.

Déjà, mets un doctype correct

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	   "http://www.w3.org/TR/html4/strict.dtd">

à la place de

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Tout ce qui a juste après le <head> de départ (à partir de <table...) jusqu'à la fermeture de la dite table (</table>) c'est à mettre dans le corps de la page, c'est à dire entre les balises <body></body>
De façon générale, tout ce qu'il y a dans l'en-tête (<head></head>) ne se voit pas, ce sont des informations pour le navigateur et les robots de recherche. Il n'y a que le <title></title> qui apparait dans la barre supérieure du navigateur. D'ailleurs ce pseudo-title qui défile... c'est vraiment une très très mauvaise idée ;) (pour les nerfs de l'internaute, comme pour le robot du moteur de recherche qui n'indexera donc pas ta page)

Après...il y a beaucoup de choses à dire sur ce code. C'est hélas le genre de choses qui arrivent avec des éditeurs utilisés en wysiwyg...

Tu passeras ta page au validateur, au moins qu'on ait les n°s de lignes où se trouvent les erreurs http://validator.w3.org/

monkey_monk · Answer

Non seulement il serait bien de "nettoyer" un peu ce code... même sans le rendre irréprochable ofcourse... mais il serait aussi très chouette d'optimiser les images que tu utilises ! Elles sont très lourdes. Et là, comme j'ai explosé mon forfait, il me faut 20 minutes pour afficher ta page ! Pas très "SEO friendly" tout ça... :D

Fait ceci + ce que te dit notobe et tout le monde y gagner ! ;)

Sinon le design est sympa !

Bon boulot ! :D

monkey_monk · Answer

La majeure partie de tes problèmes viennent de cette div :

...elle recouvre une grosse partie de la page et rend inaccessible les autres éléments. Je ne sais pas à quoi te sert cette div met tente de lui attribuer une propriété z-index (css) ou, si elle n'est pas primordiale, retire-là ! Bon courage en tous les cas ! Nettoyer un code "généré" n'est jamais une partie de plaisir ! ;)

alex240 · Answer

Pour info, cette ligne-ci du script était AUSSI source de mon problème :

<body onresize='LockNegPosCharte()' onload=' initialise_traduction();'>

Encore une fois, merci.... Je pense que je vais désormais éditer mes pages avec le bloc-notes, ça sera plus simple !!!!!! LoL !

Code source HTML sous IE / Firefox et Safari

5 réponses

Discussions similaires