Plusieurs tableaux cote a cote?

Slash -  
guidette Messages postés 119 Statut Membre -
Salut,

comment faire pour mettre plusieurs tableaux l'un a coté de l'autre

avec le code suivant, mes tableaux sont l'un en dessous de l'autre:

<html>
<body>
<table width="50%"><tr><td>Tableau1</td></tr></table>
<table width="50%"><tr><td>Tableau2</td></tr></table>
</body>
</html>

je connais la solution de faire 1 gros tableaux avec plusieurs petits dedans mais ca ne m'interesse pas car si un cellule devient grande alors toutes les cellules de la meme colonne auront cette meme grande taille

si quelqu'un sait?

merci

8 réponses

  1. bmgg4 Messages postés 189 Date d'inscription   Statut Membre 23
     
    Bonjour,

    Beaucoup plus simple et moins lourd : l'utilisation d'une feuille de style.
    Dans cet exemple, les 2 premiers tableaux seront alignés, le troisième sera sur une nouvelle ligne
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title></title>
    <meta name="Description" content="">
    <meta name="Keywords" content="">
    <style>
    TABLE {
    float : left;
    margin-left : 5px;
    }
    </style>
    </head>
    <body>
    <table border="1">
    <tr>
    <td> </td>
    <td> </td>
    </tr>
    <tr>
    <td> </td>
    <td> </td>
    </tr>
    </table>
    <table border="1">
    <tr>
    <td> </td>
    <td> </td>
    </tr>
    <tr>
    <td> </td>
    <td> </td>
    </tr>
    </table>
    <br clear="left">
    <table border="1">
    <tr>
    <td> </td>
    <td> </td>
    </tr>
    <tr>
    <td> </td>
    <td> </td>
    </tr>
    </table>
    </body>
    </html>

    Monique
    Elle est pas belle la vie ?
    14
    1. ahdbou Messages postés 26 Statut Membre
       
      j'ai pas compris
      0
    2. aziz
       
      merci à tous , c'est post m'a bien aidé
      0
    3. yolo
       
      pas moi
      0
    4. guidette Messages postés 119 Statut Membre
       
      pas pour moi car j'ai les tableaux l'un en dessous de l'autre ... et ça je sais faire.
      Je voudrais pouvoir installer des tableaux qui se côtoient sans être interférer à savoir si je mets un texte dans l'un que celui d'à côté ne laisse pas tout un espace vide qui correspond au texte installé à côté ... grosse galère super mange-nerfs... j'ai essayé avec les "couches" (je travaille avec NamoWebEditor 2006) mais le résultat est une véritable cata, si tout va bien dans la rubrique "édition" quand on regarde ce que ça donne dans "aperçu" on a le mal de mer surtout quand on essaye depuis plusieurs jours d'améliorer la page d'accueil de son site ce qui est mon cas ... je cherche aussi à installer un module de "commentaire" pour que les internautes puissent donner leur avis mais çà pour le moment j'ai abandonné parce qu'à force je finis par croire que je suis réellement débile et je sais que ce n'est pas vrai simplement je dois être un peu trop vieille (65 ans) pour assimiler les trucmuches du html et autre CSS ... ça me déprime !!
      0
  2. mimiecristal
     
    que de fonction compliquées !!
    je ne connais rien au php, je me suis debrouillée avec le cdd

    <table>
    <td>
    <tr>
    </tr>
    </td>
    </table>
    <table>
    <td>
    <tr>
    </tr>
    </td>
    </table>

    et dans le css, je mets que les "table" prennent 40% de ma page en largeur (donc 80% vu qu'il y a deux tableaux) et je garde les 20% restants pour les marges histoire que les deux tableaux soient pas collés mais là c'est pas obligatoire.
    par defaut le "table" prend toute la largeur, suffit de lui dire qu'il doit partager ;)

    voila si ça peut aider qqun...
    2
  3. ipl Messages postés 5738 Statut Contributeur sécurité 585
     
    Bonsoir slash, bonsoir à tous,

    Est-ce que ceci te convient ?

    <html><body>
    <table width="100%">
    <td width="50%">
    <table><tr><td>Tableau1</td></tr></table>
    </td>
    <td width="50%">
    <table><tr><td>Tableau2</td></tr></table>
    </td>
    </table>
    </body></html>

    @12C4
    Ipl
    1
    1. bmgg4 Messages postés 189 Date d'inscription   Statut Membre 23
       
      re...
      Tu vois, Ipl, de mes bonnes fréquentations, j'ai aussi appris à ne plus utiliser les tableaux pour la mise en page ;-)
      Des exemples ?
      http://openweb.eu.org/mise_en_page/
      http://ljouanneau.free.fr/standards/
      http://pompage.net/pompe/csspratique/
      Bonne lecture :-)

      Monique
      Elle est pas belle la vie ?
      0
      1. ines6 Messages postés 11 Date d'inscription   Statut Membre 2 > bmgg4 Messages postés 189 Date d'inscription   Statut Membre
         
        bonjour sa fais longtemps que je cherche comment faire des tableaux arrondis mais je ne sais pas coment faire
        en plus mes tableaux se decalent tout le temps
        comment faire s'il vous plait
        merci d'avance
        0
    2. ipl Messages postés 5738 Statut Contributeur sécurité 585
       
      Bonsoir bmgg4,

      ;-) merci pour la leçon et les très bons liens CSS !

      Bon week-end,
      @12C4
      Ipl
      0
  4. kalamit
     
    Salut,
    La méthode faire un grand tableau est la meilleure.
    Après il faut jouer avec les valeurs de proprietés que tu peux mettre pour chaque balise. (rowspan, colspan, width...)
    C'est de cette facon que tu parviendras à ne pas avoir la meme largeur pour toutes les cellules.

    Kalamit,
    La nuit, tous les chats sont gris. Pas les poulets ! :@)
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. wildmary Messages postés 83 Statut Membre 3
     
    ou alors tu fais un tableau principal qui a une ligne et plusieurs colonnes (autant de colonnes que tu veux de tableaux côte à côte). Puis dans chaque case tu mets un de tes tableaux

    .O Sauvez un arbre : mangez un castor !
    (_)__...  wildmary
    0
  7. ipl Messages postés 5738 Statut Contributeur sécurité 585
     
    Rebonsoir bmgg4,

    Merci pour ta présence sur CCM... j'apprécie beaucoup !

    @12C4
    Ipl
    0
  8. PhP-Debutant
     
    SAlut a tous

    Le meme probleme mais un peut plus complexe:

    <?php
    $db = mysql_connect('localhost', 'login', 'password');
    mysql_select_db('nom_de_la_base',$db);
    $sql = 'SELECT * FROM Ma_table';
    $req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());
    while($data = mysql_fetch_assoc($req))
    {
    echo '
    <table width="100" height="10" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <th scope="col">'.$data['id'].'</th>
    </tr>
    </table>
    ';
    }
    mysql_close();
    ?>

    J'aimerais qu'il affiche 4 tableaux par ligne ?
    0
    1. Sheherazade
       
      A-tu trouver la réponse a ta question? Car j'ai aussi le même problème.
      0
  9. super-sbg Messages postés 14 Statut Membre
     
    Je viens me greffer sur une vieille discussion, mais j'ai besoin de savoir comment aligner 2 tableaux cote à cote, et le résultat que je vois avec les largeurs données par MIMICRISTAL , c'est que les 2 tableaux sont l'un en dessous de l'autre et pas cote à cote ...

    Quelqu'un a t-il la solution ?

    Meme avec un gd tableau et 2 pts à l'intérieur, j'ai les 2 tableaux en dessous ...

    Merci d'avance
    0