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.
    1. Il n'y a donc pas moyen d'avoir un tableau de la forme que je souhaite ?
      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 ?
        1. C'est assez urgent, donc même si c'est déconseillé, pourrais-tu m'expliquer comment faire stp ? ^^
          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.
            1. Merci de ta réponse YoungGirl, malheureusement, cela ne fonctionne pas, j'obtiens toujours le même résultat :S
              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/
                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 ?
                  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"