Probleme HTML

Bonjour,

je rencontre un problème de mise en forme de mon site internet, pouvez-vous m'aider svp ?

Je vous explique, j'ai mis une image d'en tète, et j'aimerai insérer dessous la barre de menu.

Hors, alors que je voudrais arriver a ce résultat la :
____________________________
|____________________________|
|__|__|__|__|__|__|__|__|__|__|

Je ne parvient qu'a affiché ceci, comme si la cellule de la 1ere image du menu adoptait la taille de l'image d'en tête:

____________________________
|____________________________|
|__| |__|__|__|__|__|__|__|__|__|

Je ne parvient pas a obtenir ce que je veux, cela fait 2 heures que je cherche ^^"

Je précise que je n'utilise pas de CSS

Voici un extrait de mon code, correspondant a la balise <table> concerné :

<table cellpadding="0" cellspacing="0">
<tr>
<td width="980"><img src="images/top.jpg"></td>
</tr>
<tr>
<td width="98"><img src="images/index.jpg"></td>
<td width="98"><img src="images/pr%E9sentation.jpg"></td>
<td width="98"><img src="images/restaurant.jpg"></td>
<td width="98"><img src="images/bar.jpg"></td>
<td width="98"><img src="images/chambre.jpg"></td>
<td width="98"><img src="images/evenement.jpg"></td>
<td width="98"><img src="images/galerie.jpg"></td>
<td width="98"><img src="images/horaire.jpg"></td>
<td width="98"><img src="images/plan.jpg"></td>
<td width="98"><img src="images/contact.jpg"></td>
</tr>
</table>

Je vous remercie par avance pour votre aide.

Bonne soirée.
Configuration: Windows Vista
Firefox 3.5.5

12 réponses

  1. Les tableaux sont fait pour présenter des données structurées par colonnes, pas pour faire une mise en page !
    Inspires-toi des exemples ici.
    0
    1. Il n'y a donc pas moyen d'avoir un tableau de la forme que je souhaite ?
      0
      1. Si, en CSS et ça ne sera pas un tableau
        0
        1. Ok, il ne me reste plus qu'a apprendre le CSS si j'ai bien compris ^^

          Mais sans utiliser de CSS, c'est impossible ?
          0
          1. C'est assez urgent, donc même si c'est déconseillé, pourrais-tu m'expliquer comment faire stp ? ^^
            0
            1. Bonjour,

              c'est normal

              rajoute colspan = "10" au premier tr afin de fusionner les colonnes

              <table cellpadding="0" cellspacing="0">
              <tr colspan= "10">
              <td width="980"><img src="images/top.jpg"></td>
              </tr>
              <tr>
              <td width="98"><img src="images/index.jpg"></td>
              <td width="98"><img src="images/pr%E9sentation.jpg"></td>
              <td width="98"><img src="images/restaurant.jpg"></td>
              <td width="98"><img src="images/bar.jpg"></td>
              <td width="98"><img src="images/chambre.jpg"></td>
              <td width="98"><img src="images/evenement.jpg"></td>
              <td width="98"><img src="images/galerie.jpg"></td>
              <td width="98"><img src="images/horaire.jpg"></td>
              <td width="98"><img src="images/plan.jpg"></td>
              <td width="98"><img src="images/contact.jpg"></td>
              </tr>
              </table>


              Ceci dit il n'est pas conseillé d'utliser les tableaux pour structurer un site.
              Des <div></div> agrémenter de css seraient meilleures.
              0
              1. Merci de ta réponse YoungGirl, malheureusement, cela ne fonctionne pas, j'obtiens toujours le même résultat :S
                0
                1. lol je me suis trompée c'est dans le td

                  <table cellpadding="0" cellspacing="0">
                  <tr>
                  <td width="980" colspan="10"><img src="images/top.jpg"></td>
                  </tr>
                  <tr>
                  <td width="98"><img src="images/index.jpg"></td>
                  <td width="98"><img src="images/pr%E9sentation.jpg"></td>
                  <td width="98"><img src="images/restaurant.jpg"></td>
                  <td width="98"><img src="images/bar.jpg"></td>
                  <td width="98"><img src="images/chambre.jpg"></td>
                  <td width="98"><img src="images/evenement.jpg"></td>
                  <td width="98"><img src="images/galerie.jpg"></td>
                  <td width="98"><img src="images/horaire.jpg"></td>
                  <td width="98"><img src="images/plan.jpg"></td>
                  <td width="98"><img src="images/contact.jpg"></td>
                  </tr>
                  </table>
                  


                  look here ==> https://html.com/tables/rowspan-colspan/
                  0
                  1. Impeccable, merci beaucoup ;-)

                    Tu me sauve la vie ^^
                    0
                    1. mais j'ai peu être crié victoire trop vite, en effet, cela marche parfaitement sur la page principe de mon site "index.htm", mais j'ai beau copier le code a l'identique sur les autre page du site, cela ne fonctionne pas, j'ai toujours un espacement entre l'en-tête et les menu

                      D'où cela peut-il provenir ?
                      0
                      1. Normalement ça doit fonctionner sauf si le nombre de cellules (<td></td>) à chargé dans ce cas il faut adapter le code colspan="nb td"
                        0