5568 sujets

Sémantique web et HTML

Problème de doctype

Bonjour à tous !

C'est mon premier post sur ce forum. j'ai un petit soucis.
Je suis en train de commencer un site en CSS : une mise en page simple, centrée, qui passe sous Firefox et IE.

Quand j'essaye, au début de mon doc HTMl, de rajouter le doctype suivant : <!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="fr" lang="fr">

Plus rien ne marche : la page devient blanche quand je vais sur mon site ...

Il y a a sans doute une bétise dans mon code ?

Voila l'adresse de la page web :

http://www.crowleythoth.net/demo/demo.htm

Quelqu'un peut il m'aider ?
Respecte la structure suivante :
<!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="fr" lang="fr">
<head>
...
</head>
<body>
...
</body>
</html>

et tout ira bien mieux Smiley cligne
Modifié par 6l20 (11 Sep 2008 - 09:36)
Et bien c'est ce que je croyais avoir fait : 


<!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="fr" lang="fr">	

 <head>
	<link type="text/css" rel="stylesheet" href="demo.css">
	<title>DEMO</title>

 </head>


 <body align="center">



<div id="global">

	<div id="bandeau">

	</div>

	<div id="menuhaut" >

		</div>

	<div id="corpsdesite">

		

		<div id="menugauche">
</div>
		

		<div id="contenu">
</div>
		

	</div>

</div>

</body>

</html>


Mais ca ne marche pas ?
Bonjour Malorthy Braun,

C'est principalement ta feuille de styles qu'il faudrait revoir, notamment le fait que tu n'y indiques pas d'unité de mesure (px, em, cm,pt,...)
Seul la valeur 0 (zéro) accepte de ne pas avoir d'unité de mesure.

div#global {
width: 750px;
overflow:hidden;
/*elements ci dessous servent à centrer*/
margin-left: auto;
margin-right: auto;
text-align: left; /* on rétablit l'alignement normal du texte */
}


plutôt que cela :
div#global {
width: 760;
height: 770;
/*elements ci dessous servent à centrer*/
margin-left: auto;
margin-right: auto;
text-align: left; /* on rétablit l'alignement normal du texte */
}


Cdt,
Sylvain
En plus tes div étant vides il est normal que rien n'apparaisse dedans puisqu'il n'y a rien à montrer.... mets du contenu même fictif, qu'on voie un peu.

Ensuite tout à l'heure tu avais une Dtd en Html 4 avec deux balises <html> en head, d'où ma remarque.

Comme l'a montré Sylvain, ta nouvelle DTD n'accepte pas les erreurs que la précédente tolérait. Si on veut se forcer à passer en Xhtml Strict faut aussi se donner les moyens de le faire, notamment par une plus grande rigueur car les erreurs ne sont guère pardonnées.
http://www.crowleythoth.net/demo/demo.htm

Merci, ca marche impec.
c'était bien la faute des unités de mesure.
Par contre le fait que les div n'aient pas de texte dans le html n'a aucun rapport avec cette enroule.

Merci bien en tout cas.

Autre question :

Si je rajoute du php dans cette page, et que je la renomme demo.php,
est-ce que je dois changer le doctype ou quelquechose dans la balise <html > ?
Non, ce qui est dans head ne concerne que les navigateurs ; la page Php étant générée avant, ça reste donc tel quel.
Une nuance toutefois : si tu souhaites créer des comportements particuliers par Php (genre sessions) nécessitant de passer des infos AVANT le flux, tu devras impérativement les placer AVANT la DTD.

<?php
$monscript
?>
<!DOCTYPE html PUBLIC......

Modifié par 6l20 (11 Sep 2008 - 09:36)
Hello !

Merci beaucoup pour toutes ces réponses !

J'ai un peu avancé sur mon bazar, en implémentant du php et des boutons javascript sur la barre horizontale.

Seul défaut, tout bête, j'essaye de faire disparaitre les especes de cadres qui entourent les images-liens.

J'ai rajouté : style="border:none" sur les liens, comme indiqué sur un site, mais cela ne fonctionne guère...

Je suppose que c'est vite réglé, mais je me demande comment...

http://www.crowleythoth.net/demo/demo.php
Bonjour Malorthy,

Faire une recherche préliminaire avant de poser une question (effectivement toute bête...) c'est la base de toutes connaissances, ici comme ailleurs....
Gougleu
La FAQ...

Produire un code valide devrait également t'aider à progresser Smiley cligne

Le Doctype choisi t'impose également beaucoup plus de rigueur au niveau du code, comme te l'a déjà signalé Arsene (sépération de la forme et du contenu, balises conformes, casse, etc...)
Tu n'as pas de déclaration d'encodage (Charset) cela peut être problématique.

Bref, un petit tour dans la FAQ et dans les différents tutoriels ne devrait pas nuire à la réussite de ton projet, tu pourras également soumettre ton site à la "critique" lorsqu'il sera finalisé, tu y apprendras certainement encore deux ou trois choses... Smiley cligne

Bonne continuation,
Cdt,
Sylvain
Malorthy Braun a écrit :
Je voudrai savoir comment faire pour que l'anim flash ne se recharge pas à chaque fois qu'on change de page...car j'ai l'impression que c'est le cas.

C'est effectivement le cas, ça s'appelle le Web, et à la base ça marche comme ça. Smiley cligne

Il y a des moyens (tous plus insatisfaisants les uns que les autres) d'éviter ce rechargement, mais c'est un autre sujet. Je te conseille donc:
- de faire une recherche sur le forum (sujet régulièrement traité);
- de lire l'item de la FAQ qui concerne la sonorisation d'un site en continu (la problématique est en bonne partie la même);
- si besoin, d'ouvrir un nouveau sujet, vu qu'il ne s'agit plus ici d'un «problème de Doctype», tu en conviendras.
Sujet clos
Aller à