Problème Tableau HTML

Bonjour,

Je travaille actuellement sur un tableau en code HTML pour un amis , je ne suis pas programmateur mais j'ai réussit a trouver , mais le problème est , que quand je valide mon code HTML etc et que je regarde le tableau ensuite , il savère que le tableau est mini et qu'il que le contour ou il n'y a rien prend énormément de place , j'ai mit se tableau en message d'entête et il y a beaucoup de blanc autour . Enfin merci d'avance

cordialement Bg-luffy

14 réponses

Résumé de la discussion

Le problème porte sur l'affichage d'un tableau HTML qui apparaît trop petit et entouré d'un espace blanc important après validation du code, ce qui gêne la lisibilité et l'affichage sur différentes plateformes. Des réponses indiquent d'ajuster la largeur et la hauteur via des styles inline et d'utiliser CSS plutôt que des attributs de présentation, car la bordure n'influe pas sur l'espace blanc. D'autres proposent de supprimer les sauts de ligne et les alignements manuels, ou de centrer le tableau et d'encapsuler le code dans un div pour maîtriser l'espace autour. En pratique, certains essais montrent qu'un changement de bordure de deux peut être trompeur sur certaines plateformes, et que les ajustements finement mesurés avec CSS donnent le résultat attendu.

Bobot (l’IA à votre service)
  1. <table border="1" style="width: 680px; height: 239px;">
        <caption>
            Véhicule et hommes</caption>
        <tbody>
            <tr>
                <th>
                    Véhicules</th>
                <th>
                    Hommes</th>
            </tr>
            <tr>
                <td>
                    FPT</td>
                <td>
                    C/A</td>
                <td>
                    COND</td>
                <td>
                    BAL</td>
                <td>
                    BAT</td>
            </tr>
            <tr>
                <td>
                    VSAV</td>
            </tr>
            <tr>
                <td>
                    VTU</td>
            </tr>
            <tr>
                <td>
                    VLR</td>
            </tr>
            <tr>
                <td>
                    VSR</td>
            </tr>
        </tbody>
    </table>


    Voilà maintenant la taille tu eu la changer dans la balise le css ici n'est pas utiles mais tu peu aller faire un tour sur le tuto du site du zero

    voici un aperçu chez moi
    http://media.n.free.fr/?v=capture.png
    J'ai fai sa vites mais bon ...
    1
    1. Peut-tu poster ton code stp?
      0
      1. Le code serait bien utiles pour que l'on puisse t'aider .
        Sinon utilise le css pour définir la taille.
        0
        1. Euh je sait que j'vait parrètre con enfin bon j'lait dit mais je ne suis pas programmateur donc c'est quoi CSS ?
          0
        2. CSS: Cascading Style Sheets, ce sont des fiches de style. Ça te permet, en gros, de faire des classes de styles pour éviter que ton code soit trop redondant.
          0
      2. SVP c'est vraiement important pouvez vous m'aider ?
        0
        1. STP c'est important pour qu'on puisse t'aider, postes ton code sur le forum!
          0
        2. Ah oui biensur
          0
        3. Est-ce que tu pourrais poster ton code en entier, donc de la balise <html> à la balise </html> stp?
          0
      3. <TABLE BORDER="5">
        <CAPTION> Véhicule et hommes :(/CAPTION>
        <TR>
        <TH>Véhicules </TH>
        <TH>Hommes </TH>
        </TR>
        <TR>
        <TD>FPT</TD>
        <TD>C/A:(/TD>
        <TD>COND:(/TD>
        <TD>BAL:(/TD>
        <TD>BAT:(/TD>
        </TR>
        <TR>
        <TD>VSAV</TD>
        </TR>
        <TR>
        <TD>VTU</TD>
        </TR>
        <TR>
        <TD>VLR</TD>
        </TR>
        <TR>
        <TD>VSR</TD>
        </TR>
        </TABLE>
        0
        1. Ben tu baisse la valeur de border.
          0
        2. Biensur j'me suis tromper , après le : se ne sont pas des parenthéses mais sa je le sait mais quand je met " < " sa rest tjs aussi gros
          0
        3. euh non le border c'est la taille des bordures sa n'influe pas sur le blanc autoure
          0
      4. <table border="1">
        <caption> Véhicule et hommes </caption>
        <tr>
        <th>Véhicules </th>
        <th>Hommes </th>
        </tr>
        <tr>
        <td>FPT</td>
        <td>C/A</td>
        <td>COND</td>
        <td>BAL</td>
        <td>BAT</td>
        </tr>
        <tr>
        <td>VSAV</td>
        </tr>
        <tr>
        <td>VTU</td>
        </tr>
        <tr>
        <td>VLR</td>
        </tr>
        <tr>
        <td>VSR</td>
        </tr>
        </table>
        
        0
        1. Tu ne comprend pas , voila en image :
          http://nsa20.casimages.com/img/2010/09/13/100913072159760922.jpg

          (se qui est blanc est de trop )
          0
          1. si tu veut le titre du message d'entête est a app 10 cm du 1 er bout du tableau se qui laisse un gros blanc voila mon problème ;)
            0
        2. une personne peut répondre ,
          0
          1. Ahhh tu a regarder l'image que j'ai donner ?
            0
            1. le problème viens de ton navigateur car firefox ne donne pas le même résultat et opéra aussi ...
              0
              1. Oui, en même temps comment veux-tu webediter si certains navigateur interprètent n'importe comment?
                En plus IE est réputé pour être mauvais mais à ce point, je m'y attendais pas...
                0
            2. Bon voila va là : www.fire-center.xooit.com ...
              0
              1. Ca a résolu ton problème ou pas?
                Sinon tu peux essayer de mettre ton tableau dans un <div>.
                0
            3. bon déjà d'après la source que je reçois déjà je pense que il y a trop de retour à la ligne avant ton tableau (<br>) pour l'épaisseur du tableaux sur ton forum après avoir décortiquer la source voici se que j'ai toutes en haut:
              <table border="10">

              Alors que normalement on avait dit :
              <table border="2">

              Si tu a bien mie 2 alors c'est que le forum a vraiment envie de ne pas respecter la taille donner!

              Pour info voici un aperçu une fois éditer :
              http://media.n.free.fr/?v=capturbzb.png
              j'ai fait sa sous Firefox oui le bord en 10 on le voyez très gros voici se que j'ai fait pour donner se résultat :
              <center>
              <table border="2">
              <caption> Véhicule et hommes &nbsp;:</caption>
              <tbody><tr>
              <th>Véhicules&nbsp; </th>
              <th>Hommes </th>
              </tr>
              <tr>
              <td>FPT</td><td>C/A:</td>
              <td>COND:</td>
              <td>BAL:</td>
              <td>BAT:</td>
              </tr>
              <tr>
              <td>VSAV</td>
              <td>C/A:</td>
              <td>COND:</td>
              <td>EQU1:</td>
              <td>EQU2:</td>
              </tr>
              <tr>
              <td>VTU</td>
              </tr>
              <tr>
              <td>VLR</td>
              </tr>
              <tr>
              <td>VSR</td>
              </tr>
              </tbody></table></center>


              J'ai aussi supprimer des br pour réduire la distance avec le message de bienvenu ...
              Mais bon...
              0
              1. c'est déja mieu mais pareille y a toujours un gros blanc entre le haut du message d'entête et le début du tableau et je ne comprend tjs pas pourquoi --'
                0
              2. et après homme et véhicules , y a toujours un truc qui s'écrit : "  : "
                0
            4. Les ":" tu peu les enlever dans le codes source
              <caption> Véhicule et hommes &nbsp;</caption>


              Pour se qui est des retour à la ligne il faut juste enlever autant de BR que possible ( br sont des saut a la ligne.) Je ne sais pas comment fonctionne xooit je n'est jamais utiliser leurs service mais je codes html doit être trop bas donc soit des <br> ou des saut de ligne... a toi de trouver!
              0
              1. et pour enlever des sauts de ligne c'est possible mettre les codes les un a coté des autres ? sans sauter de ligne ?
                0
            5. mets les juste un saut a la ligne après le message de bienvenu...
              Après le code html tu peu l'aéré ou non c'est à toi de voire.
              Ne laisse pas d'espace la ou tu rentre ton code!
              0
              1. bah ouai mais re-regarde avec l'adresse donner , il y a toujours un gros écart :(
                0
              2. Je ne sais pas se que l'on peu y faire le code tu la mie la ou il y avais message de bienvenu dans l'administration de ton forum ou c'est dans une autre zone? car le code et correct c'est juste de br qui se son glisser je ne sait pas ou sinon il faut voir directement sur le support xooit car on ne peu rien faire.
                0