Geckozone

Bonjour,

Je suis désolé si je me trompe d'endroit pour poster ce message, étant tout nouveau ici, j'espère que vous me pardonnerez.
Je suis en train d'apprendre le XHTML et ai essayé un code d'un ouvrage que je vous livre ici:

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Tableau &eacute;l&eacute;mentaire</title>
<style type="text/css">
.gras {font-weight: bold; background-color: red; }
.prix {background-color: yellow; }
.date {background-color: #AAA; color: blue; }
</style>
</head>
<body>


<h1>Groupements et colonnes</h1>
<table border="5" width="100%" rules="groups" summary="Facture de livres" cellpadding="5">
	<caption><big>Facture de votre commande de livres</big></caption>
	<!-- Groupe 1: dates -->
		<colgroup id="date"  span="1" width="10%" align="center" class="date"></colgroup>
	<!-- Groupe 2: Titre et Auteur -->
		<colgroup id="titre"  span="2" width="25%" align="left" class="gras"></colgroup>

		<colgroup id="prix" span="3" align="right" class="prix" ><col width="10%" /><col span="2" width="15%" /></colgroup>

	<thead><tr><th>Date</th><th>Titre</th><th>Auteur</th><th>Quantit&eacute;</th><th>Prix unitaire</th><th>Prix total</th></tr>
	</thead>
	<tfoot><tr><th>Date</th><th>D&eacute;signation</th><th>Auteur</th><th>Quantit&eacute;</th><th>Prix unitaire</th>
	<th>Prix total</th></tr></tfoot>

	<tbody>
		<tr>
			<td>29/05/2005</td><td>XHTML Design</td><td>Jeffrey Zeldman</td><td>3</td>
			<td>32.00 &euro;</td><td>96.00 &euro;</td>
		</tr>
		<tr>
			<td>15/06/2005</td><td>CSS 2</td><td>Raphael Goetter</td><td>2</td><td>30.00 &euro;</td><td>149.50 &euro;</td>
		</tr>
		<tr>
			<td>10/09/2005</td><td>XHTML et CSS</td><td>Jean Engels</td><td>5</td><td>29.90 &euro;</td><td>149.50 &euro;</td>
		</tr>
	</tbody>
</table>
	
</body>
</html>

Firefox ne respecte pas le groupement ni l'alignement dans les groupes. J'ai testé avec deux autres navigateurs, Safari et Opera, et seul Opera donne le résultat escompté.

Est-ce moi qui ai manqué quelque chose ou bien est-ce un problème lié à Firefox?

Merci pour l'attention que vous aurez portée à mon message.
Stefan

Message envoyé avec : Mozilla/5.0 (Macintosh; U; PPC Mac OS X 10.5; fr; rv:1.9.0.11) Gecko/2009060214 Firefox/3.0.11

Salut et bienvenue sur Geckozone !

C'est un problème de développement web, pas de Firefox. Si un modérateur pouvait déplacer…

Bon, déjà tu n'as pas définit le namespace html, donc ton code XHTML ne peut pas fonctionner correctement et ne peut être affiché que comme une arborescence XML vide de sens*.
Ceci devrait aider :

Code : Tout sélectionner

<html xmlns="http://www.w3.org/1999/xhtml">

Ensuite :

StefanC a écrit :Firefox ne respecte pas le groupement ni l'alignement dans les groupes.

Tu veux dire dans les <colgroup>

Pour l'alignement c'est le bug 915 (je pensais pas que des bugs à 3 chiffres existaient encore

). Pour les largeurs, ce n'est pas clair, je n'arrive pas à une largeur de 100%…

* À moins que tu ne le fasse passer pour du HTML, ce qui n'est pas autorisé.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux x86_64; fr; rv:1.9.0.11) Gecko/2009060311 Ubuntu/8.10 (intrepid) Firefox/3.0.11

(édition : politesse)

Bonjour,

Merci Calimo pour ta réponse et ton accueil.
J'avais effectivement oublié de définir le namespace. J'ai jeté un oeil sur le site du W3C pour voir le modèle de déclaration d'un document XHTML 1.1 et ai changé la mienne. Malheureusement, ça ne change rien au problème.
Concernant l'alignement je voulais bien dire: "dans les colgroup".
Je n'ai, par contre, aucun problème pour la dimension du tableau, il prend bien 100% de la fenêtre même si en calculant d'après les chiffres indiqués dans le code, je n'arrive qu'à 90% (10 + 2x25 + 3x10)...
Je me suis contenté de retaper l'exemple du livre (XHTML et CSS cours et exercices, Jean Engels, Eyrolles 2006)

Question bug 915, on n'a d'autre choix que: gortoz pell gortoz gwell? (en bon français: wait and see?)

Merci encore,
Stefan

Message envoyé avec : Mozilla/5.0 (Macintosh; U; PPC Mac OS X 10_5_7; fr-fr) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Safari/530.17

Oui, cependant les problèmes de XHTML 1.1 ne sont pas du tout une priorité chez Mozilla (et c'est probablement la même chose chez Webkit).

Faute d'une gestion de XHTML dans Internet Explorer dans un avenir prévisible il est illusoire de vouloir l'utiliser à grande échelle sur le web, à moins d'avoir un public très spécifique. Pour l'instant, dans IE, il est simplement traité comme du HTML invalide. Mieux vaut alors se tourner vers du HTML4 Strict ou, de plus en plus, vers HTML5. Au moins là on se retrouve en mode de respect des standards sur tous les navigateurs.

Bonjour,

Il n' y a aucun intérêt à servir du xhtml 1.1 au vu du code présenté, surtout quand on utilise des attributs obsolètes ! (align par exemple...)
http://www.la-grange.net/w3c/html4.01/i ... butes.html

Comme cela l'a été dit précédemment, il faut changer la DTD.

Sinon, peut-être que ce tutoriel pourrait être utile ?
http://openweb.eu.org/articles/tableaux_css

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Safari/530.17

Merci pour vos réponses.

J'avoue être un peu perturbé par ce que vous dites Benoit et Pascale.

Benoit: parce que j'ai lu à droite à gauche qu'il ne fallait pas s'accrocher au HTML 4 mais passer au XHTML parce que c'est plus propre au niveau du codage.

Pascale: parce que le code vient d'un livre enseignant le XHTML. Si ce code est faux alors... J'en suis pour mes 29,90€. Une précision cependant, le CSS vient en deuxième partie de l'ouvrage, peut-être est-ce pour cela que le code n'est pas très propre.

Me basant sur vos réponses, il vaudrait peut-être mieux clore ce sujet, puisque le problème n'est pas spécifique à Mozilla.
Je vais parcourir le forum pour voir si je trouve des avis comparatifs entre HTML 4 strict et XHTML. Je ne doute pas d'en trouver!

Merci encore pour avoir pris le temps de me répondre,
Stefan

Message envoyé avec : Mozilla/5.0 (Macintosh; U; PPC Mac OS X 10_5_7; fr-fr) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Safari/530.17

StefanC a écrit :Benoit: parce que j'ai lu à droite à gauche qu'il ne fallait pas s'accrocher au HTML 4 mais passer au XHTML parce que c'est plus propre au niveau du codage.

Oui et non, les interpréteurs XHTML sont moins tolérants vis-à-vis de certaines erreurs de codage parce que l'analyse XML s'interrompt net à la première erreur de syntaxe. Ça peut être d'une certaine aide lors de l'apprentissage ou du développement

Mais au niveau sémantique, là où se trouve sans doute la véritable « propreté », il n'y a aucune différence. Le sous-titre de XHTML indique d'ailleurs une simple reformulation de HTML 4 au format XML.

Un document peut être irréprochable au niveau XML (toutes les balises bien fermées, tous les attributs entre guillemets) tout en ne signifiant rien d'utile en soi, voire même en étant totalement invalide du point de vue de la spécification. Le validateur HTML en mode strict te sera certainement plus utile pour concevoir du code propre que les quelques règles de syntaxe XML. Rien ne t'empêche d'ailleurs de fermer soigneusement tes balises en HTML, c'est certainement une bonne pratique en termes de lisibilité.

Bonsoir Stephan,

Le problème ne depend pas de mozilla effectivement, cela dit c'est qd même un forum dédié au developpement web, personne ne t'en voudra de continuer à poser des questions sur le (x)html et le CSS.

Comme tu l'a dit Benoit, le xhtml 1.0, c'est du html 4 reformulé. Il n'y a pas de bon ou mauvais choix entre le html 4.01 et le xhtml 1.0. Il faut juste s'y tenir en respectant les contraintes de la DTD choisie.

Si je puis me permettre de faire un petit lien vers mon site, j'en parle rapidement ici :
http://css.mammouthland.net/balises-html.php#xhtml

bon courage

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Safari/530.17

Bonsoir Pascale et Benoit,

Je pense avoir bien compris ce que vous dites. C'est important pour moi parce que j'ai deux projets de sites que je dois mener à bien, l'un concernant un maison d'édition associative dont je suis le président, et l'autre concernant l'association dans laquelle je travaille.
Auxquels il faut ajouter un petit projet maison pour gérer mes recherches universitaires.

Tout ça me demande d'apprendre le couple html/css et le couple php/mysql. De bonnes heures de travail en perspective !

Je souhaite donc partir sur de bonnes bases et ne pas me fourvoyer dans des techniques inutiles et obsolètes. Le but étant que les deux sites fonctionnent le mieux possible sur un maximum de navigateurs.

Je suis aller faire un petit tour sur votre site Pascale et je ne doute pas d'y faire mes premier pas en CSS.

Merci encore,
Stefan

Message envoyé avec : Mozilla/5.0 (Macintosh; U; PPC Mac OS X 10_5_7; fr-fr) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Safari/530.17

L'HTML n'est pas du tout obsolète. Il y a d'ailleurs une version 5 en préparation (http://dev.w3.org/html5/spec/Overview.html). La version 4.01 est donc parfaitement utilisable. À moins que tu ne veuilles faire du MathML, je pense que le XHTML n'a que peu d'intérêt.

Ce qui est important, en revanche, c'est d'éviter les attributes déconseillés (voir la liste : c'est la colonne "D") et de se tenir au HTML Strict

Code : Tout sélectionner

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

et de n'utiliser strictement que les CSS pour la mise en forme. Après, que ce soit du HTML ou du XHTML, autant faire du HTML, puisque tu vas presque certainement envoyer du text/html aux navigateurs et pas du application/xhtml+xml (voir le lien que je donnais plus haut), et que du XHTML serait donc interprété comme un HTML invalide.

Geckozone

Problème de respect de code XHTML 1.1

Problème de respect de code XHTML 1.1

Re: Problème de respect de code XHTML 1.1

Problème de respect de code XHTML 1.1