Souci avec <!DOCTYPE ... >

22 juin 2006, 21:13

J'ai un souci avec l'entête Doctype.
Si j'utilise l'entête traditionnelle:

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

ma mise en page est correcte.

Par contre si j'utilise l'entête pour du html strict:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

ma mise en page est foirée, j'ai un bandeau blanc qui apparait presque en haut de page?!? Comment expliquer cela et comment le résoudre? Est-ce parce que ma page de style n'est pas aux normes?

23 juin 2006, 05:29

23 juin 2006, 07:49

Une page en ligne qu'on pourrait visualiser aiderait à la réponse. Attention aussi à un détail d'importance : la différence entre HTML 4 et XHTML ne réside pas uniquement dans le DOCTYPE : le XHTML est un langage XML et doit répondre aux normes XML

toutes les balises doivent être fermées (meta, link, img, br, hr etc...).

23 juin 2006, 09:32

Je ne sais pas si c'est la cause, mais déclares-tu <?xml en début de fichier?

Exemple de déclaration:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<title></title>
</head>

<body>
..............
</body>
</html>

Alors si je mets

<xml version="1.0" encoding="UTF-8">

(sans les ?) tout au début du document AVANT DOCTYPE, la page est affichée correctement, mais non conforme au XHTML strict car apparemment le DOCTYPE ne serait pas correct (pourtant j'ai déjà validé des pages avec ce doctype).
Si j'enlève

<xml version="1.0" encoding="UTF-8">

ou si je le mets après DOCTYPE, la mise en page est foirée.

Pour Cyrano: justement je cherche à debugger en XHTML, ce n'est pas simple, mais si ma mise en page n'est pas bonne je préfère régler ce problème là avant. C'est une page assez complexe avec des appels javascript, du CSS généré en PHP et des include() à plusieurs endroits.
La mettre en ligne pour le moment n'est pas du tout évident, mais s'il le faut vraiment, je pourrai me débrouiller.
Par contre ce que je peux facilement faire c'est mettre le code source.

23 juin 2006, 13:55

Bon, ma page est désormais conforme au XHTML strict, mais j'ai toujours le même problème d'affichage. Je mettrai bientôt en ligne une partie du site afin que le problème soit visible.

24 juin 2006, 07:48

Pour la balise XML, regarde les exemples de code que je mets dans les tutos que j'ai pu mettre dans la FAQ, par exemple le code de ma page de listes liées

24 juin 2006, 14:42

Très exactement j'utilise ceci:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>...</head>
<body>...</body>
</html>

Ca vient directement de http://validator.w3.org/

25 juin 2006, 13:25

Bon j'ai mis en ligne mon site (en construction).

http://lycee.prod.free.fr

Il faut se loguer:

1) Laisser l'établissement tel quel
2) Login: dupondfra
3) Mot de passe: dupondfra

Le site est "optimisé" pour naviguer en plein écran, donc appuyez sur F11.

Il y a un menu de navigation par onglet, normalement on arrive sur une première page sur laquelle vous trouverez 2 liens pour les essais.

Pour l'instant seule la page "profil" est complétée, n'hésitez pas à tester ce que vous pouvez et me faire part de vos remarques.

Il s'agit d'un projet visant à "centraliser" plein de données concernant la productique particulièrement, pour des élèves de lycée (je suis prof).

Je précise que je suis non professionnel en ce qui concerne le webmastering, je fais ça sur mon temps libre (et ça me prend énormément de temps vu que je n'ai strictement aucune formation en ce domaine), donc si vous avez des remarques, ne vous gênez pas, mais s'il vous plaît soyez sympas avec moi et expliquez moi comment améliorer.
Je sais d'ores et déjà que je suis plutôt nul en graphisme, c'est pas du tout mon truc!!!

25 juin 2006, 17:53

Il y a à priori un problème avec le chemin d'accès vers ta feuille de style qui donne lieu à une erreur 404.

25 juin 2006, 18:44

Arf oui logique, j'ai oublié de préciser, pour l'instant faudrait y aller avec Mozilla, je n'ai pas encore fini les feuilles correspondant à Internet Explorer ou autres. Tu utilises quel navigateur?

Ce que je fais: je détecte le navigateur que je mets en variable de session, ce qui me sert à diriger vers une feuille de style ou une autre.
D'ailleurs, comment faire une feuille de style qui soit compatible tous navigateurs? C'est un sacré casse tête ça.

25 juin 2006, 20:31

J'y suis allé avec Firefox qui est mon navigateur par défaut, j'ai une série d'onglet colorés, j'ai vu la différence d'espacement en haut entre les deux versions, mais du coup, ayant la barre Web Developper, j'ai fait un bête [Ctrl]+[E] pour voir la feuille de style et là, surprise, ça m'affiche un code html indiquant une erreur 404. Ça fera la même chose sous n'importe quel navigateur sauf erreur.

25 juin 2006, 21:42

La page CSS est en fait un script php, donc c'est peut être normal... Il porte une extension .php.
Elle est dispo à http://lycee.prod.free.fr/templates/01_ ... ozilla.php
Tu peux explorer les répoertoires comme bon te semble, ce qui doit être protégé est protégé, le reste est pour l'intant accessible.

25 juin 2006, 21:44

En attendant, le navigateur ne trouve pas la feuille de style : que je la voie à part ne changera pas grand chose, il faut corriger ce lien qui est erroné.

25 juin 2006, 21:54

Le lien est bon. (code source).

<link rel="stylesheet" type="text/css" media="screen"  href="../templates/01_eleves/origine/style_mozilla.php" />

Je suis sûr qu'il fonctionne parce que si je change le nom, je n'ai plus de mise en page.
De toutes façons, la navigation par onglets fonctionne bien d'une manière générale dans ma page?

Tu penses que l'erreur viendrait du fichier "CSS"? Parce que si c'est le cas, que ce soit une entête ou l'autre ne devrait pas changer grand choses, si?

Pour info c'est quoi l'extension Web Developer de FireFox? Ca marche sous Mozilla?

25 juin 2006, 22:18

Si j'ouvre directement la page "http://lycee.prod.free.fr/templates/01_ ... ozilla.php" cela me retourne un message d'erreur...
Si je m'arrête sur "http://lycee.prod.free.fr/templates/01_eleves/origine/" et que je clique sur le fichier style_mozilla.php, cela me propose de télécharger un fichier vide...

Souci avec <!DOCTYPE ... >

Qui est en ligne