Erreur de code

Bonjour,
voila je suis en train de faire l'index de mon site

voila mon code

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>index</title>
<meta name="generator" content="Amaya, see http://www.w3.org/Amaya/" />
</head>

<body>
<table width=100% bgcolor="#FF0000">

<table width=980>

<tr>
<img src="image/bande_haut_index.jpg">
</tr>

<tr>
<table>
<tr>
<th><img src="image/gauche_bouton.jpg"></th>
<th><img src="image/presentation_off.jpg"></th>
<th>
<table>
<tr>
<th><img src="image/haut_3_boutons.jpg"></th>
</tr>

<tr>

<th><img src="image/infos_pratiques_off.jpg"></th>
<th><img src="image/jourj_off.jpg"></th>
<th><img src="image/contact_off.jpg"></th>
</tr>

</table>
</th>
<th><img src="image/droite_bouton.jpg"></th>
</tr>

</table>
</tr>

<tr>
<img src="image/bande_bas_index.jpg">
</tr>
</table>
</table>
</body>
</html>

Le probleme c'est que rien n'est assemblé et les premières photos

<img src="image/bande_haut_index.jpg">
<img src="image/bande_bas_index.jpg">
ne s'affiche pas
Quel est mon erreur dans le code

Avant je travaillé sous dreamweaver et la je me lance avec amaya en tapant moi même mon code
merci d'avance
Configuration: Windows XP
Firefox 3.0.6

6 réponses

  1. voila déja le début si tu pouvais remettre ta page d'origine ce serais cool

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Document sans nom</title>
    </head>

    <body>
    <table width="992" border="0" cellpadding="0" cellspacing="0">
    <!--DWLayoutTable-->
    <tr>
    <td width="238" rowspan="2" valign="top"><img src="image/gauche_bouton.jpg" width="238" height="126" /></td>
    <td width="122" rowspan="2" valign="top"><img src="image/presentation_off.jpg" width="122" height="126" /></td>
    <td height="39" colspan="4" valign="top"><img src="image/haut_3_boutons.jpg" width="620" height="39" /></td>
    </tr>
    <tr>
    <td width="208" height="87" valign="top"><img src="image/infos_pratiques_off.jpg" width="208" height="87" /></td>
    <td width="123" valign="top"><img src="image/jourj_off.jpg" width="123" height="87" /></td>
    <td width="99" valign="top"><img src="image/contact_off.jpg" width="99" height="87" /></td>
    <td width="202" valign="top"><img src="image/droite_bouton.jpg" width="202" height="87" /></td>
    </tr>

    <tr>
    <td height="429"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    </table>
    </body>
    </html>
    1. gratuit ne veux pas forcement dire mieux, persnnelement j'aurais du mal à programmer avec autre chose que dream
      1. je sais je me suis donné le défi de savoir coder comme je veux faire du php...
    2. je rentre chez moi dans 30 minutes donc je te ferais ta page sous dreamweaver, et je te conseille fortement de le récupérer car faire du htlm sans visuel c'est trés vite chiant. ^^
      1. en fait avant j'étais sous dream mais je voulais passer avec un logiciel gratuit
    3. Déjà un tableau ça se présente en trois niveau :
      <table>
      <tr>
      <td>

      Les images doivent être dans les cellules <td> pour apparaitre.

      Les cellules th tu en as partout, ce ne sont que des cellules d'en-tête normalement. Elles ne sont pas faites pour mettre du contenu.

      Vas voir ici c'est expliqué simplement :
      https://www.commentcamarche.net/contents/504-tableau-html-table

      1. te serais t'il possible de me filer les img
        1. je vais les mettre sur le serveur comme ca vous pourrez voir la page

          voila l'adresse

          http://www.sandrineetgwen.fr/emeline.html

          alors c'est assez marrant car dans amaya les images n'apparaisse pas mais sur firefox oui.
          Comment cela se fait il?
          Comment je peux tout resserrer pour éviter que mes images ne se baladent
        2. @gaya_102la je comprend pas j'ai juste enlever les lettres et voila en fait se que je vouyais dans amaya
          Je sais si je suis très claire dans mes explications
      2. Tout d'abord met ton code en balise la prochaine fois ^^ Ca aide à la compréhension.

        Ensuite tes images :

        <img src="image/bande_haut_index.jpg">
        <img src="image/bande_bas_index.jpg"> 


        sont bien dans le dossier image qui lui même est au même endroit que ta page ?
        1. oui elles sont au bon endroit.

          qu'est ce que tu veux dire par "met ton code en balise"

          Sinon amaya me met comme erreur

          Les lignes colorées sont des liens activés par un double (ou simple) click

          *** Errors/warnings in D:\EasyPHP 3.0\www\emeline\index.html
          line 11, char 7: Tag <table> is not allowed here (removed when saving)
          line 14, char 5: Tag <img> is not allowed here (removed when saving)
          line 18, char 9: Tag <table> is not allowed here (removed when saving)
          line 20, char 0: Missing mandatory attribute alt for element img
          line 21, char 0: Missing mandatory attribute alt for element img
          line 25, char 0: Missing mandatory attribute alt for element img
          line 30, char 0: Missing mandatory attribute alt for element img
          line 31, char 0: Missing mandatory attribute alt for element img
          line 32, char 0: Missing mandatory attribute alt for element img
          line 37, char 0: Missing mandatory attribute alt for element img
          line 41, char 6: Invalid end tag </tr> (removed when saving)
          line 44, char 5: Tag <img> is not allowed here (removed when saving)
          line 46, char 8: Invalid end tag </table> (removed when saving)
          line 47, char 8: Invalid end tag </table> (removed when saving)