5568 sujets

Sémantique web et HTML

[Résolu] Probleme de tableau FF et IE xhtml

Bonjour tout le monde Smiley biggrin

Voila je suis nouveau et je debute dans le XHTML 1.0 Strict Smiley smile

Mon problème vient de l'affichage d'un tableau. Celui ci saffiche corectement sous IE Smiley sweatdrop Smiley biggol alors que sur Firefox 1.5 cela ne s'affiche pas correctement. Je n'arrive pas a supprimé un espacement horizontal alors que comme je l'ai dit, il s'affiche correctement sous IE Smiley fou Smiley fou !!!

Je suis desesperé car je ne comprend pas pourquoi ca ne fonctionne pas correctement !!! Smiley decu

En esperant une reponse qui pourrai m'aider je vous poste le code Smiley langue 

<?xml version="1.0" encoding="iso-8859-1"?>
<!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">
<head>
  <title>No title</title>
  <link rel="stylesheet" media="screen" type="text/css" title="Rdanimes"
  href="style.css" />
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
  <meta name="generator" content="amaya 9.4, see  http://www.w3.org/Amaya/"  />
</head>
<body>
<table border="0">
  <caption></caption>
  <tbody>
    <tr>
      <td colspan="7"><img alt=" " src="images/Site_02.gif" /></td>
    </tr>
    <tr>
      <td><img alt=" " src="images/Site_04.gif" /></td>
      <td><img alt=" " src="images/bouton.gif" /></td>
      <td><img alt=" " src="images/Site_06.gif" /></td>
      <td><img alt=" " src="images/bouton.gif" /></td>
      <td><img alt=" " src="images/Site_08.gif" /></td>
      <td><img alt=" " src="images/bouton.gif" /></td>
      <td><img alt=" " src="images/Site_10.gif" /></td>
    </tr>
    <tr>
      <td colspan="7"><img alt=" " src="images/Site_15.gif" /></td>
    </tr>
  </tbody>
</table>
</body>
</html>

Modifié par druide93 (12 Mar 2006 - 00:43)
Euh oui d'accord, mais ça veut dire quoi « Il ne s'affiche pas correctement » ?

– il y a un pixel de décallage ?
– la colonne de droite apparaît par intermittence, tandis que celle de gauche fait 200% de la largeur de la page ?
- ça ressemble à Hiroshima dans la seconde d'après la bombe ?

Parce que là avec juste le code, j'ai du mal à visualiser Smiley lol .

Donc si tu pouvais mettre la page en ligne (ce qui nous permettrait d'avoir les images et la CSS, tant qu'on y est !), ça aiderait pas mal.

Remarques importantes

1/ Ton fichier XHTML est servi avec un type MIME text/html
 <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

Il sera donc interprété comme du HTML, et non comme du XML. Donc, pour rester cohérent, tu n'as pas besoin de la déclaration XML au début du document.
<?xml version="1.0" encoding="iso-8859-1"?>

De plus, cette déclaration XML n'est pas comprise par Internet Explorer, qui du coup ne voit pas la déclaration de type de document (doctype) en dessous (ben oui, il cherche juste au début, il est pas persévérant !). Et lorsqu'IE ne voit pas de Doctype, il passe en mode de rendu Quircks (rendu des anciennes versions d'IE) et non plus en mode de rendu standard. Or, tous les autres navigateurs utilisent le mode de rendu standard. Donc on a intérêt à l'avoir dans IE, et pour ça :
– un doctype correctement formé ;
– pas d'en-tête XML.

Les en-tête XML seront utilisés pour du XHTML 1.0 en type application/xhtml+xml, ou du XHTML 1.1

2/ Tu es sûr d'avoir besoin d'un tableau pour cette mise en page ? Ça m'a l'air un peu compliqué pour pas grand chose, non ?

3 / Si tu utilises des images (ce que tu fais avec entrain) plutôt que du texte, ça serait sympa de penser à l'accessibilité. Par exemple, en fournissant un texte alternatif pour chaque image nécessaire à la compréhension du contenu de la page. L'attribut alt est là pour ça.

Et voilà, ça sera tout Smiley cligne
Désolé, c'est un peu rude et ça fait beaucoup de choses à la fois. Mais faire du XHTML ou même du HTML4 bien fichu, ça demande pas mal de rigueur, donc autant s'y mettre Smiley biggrin
Modifié par mpop (11 Mar 2006 - 18:19)
Probleme resolu je me suis omis de tableau Smiley biggrin c'est vrai que j'ai cherché la difficulté et je l'ai trouvé pour pas grand chose. Sinon encore merci pour votre reponse. Smiley lol
Hello,

Si ton sujet et resolu, pense à mettre un petit resolu dans le titre de ton sujet, comme indiqué ici Smiley cligne .
Modifié par ymhotepa (11 Mar 2006 - 20:22)
Sujet clos
Aller à