Forum Programmation.web Tableaux en css

Posté par  (site web personnel) .
Étiquettes : aucune
0
16
fév.
2005
Les CSS, c'est bien. Mais les tableaux aussi quand on veut faire des présentation de données sous forme ligne/colonnes.

Je voudrais donc faire une liste de tableaux mais "inline", cad des tableaux côte à côte (et revenir à ligne quand il faut).
J'ai eu quelque chose de satisfaisant en mettant inline pour les div contenant les tableaux (eux même en inline). Mais cette bidouille ne marchait que sous IE (chercher l'erreur...), FF me mettait les tableaux les uns sur les autres.
un float left sur les div est pas mal, mais suivant le nombre de lignes dans le tableau aléatoire, ca place les tableaux dans une mise en forme pas terrible.
Je voudrais en fait une ligne par tableau quelque soit la taille du tableau.
  • # Hum...

    Posté par  . Évalué à 4.

    J'obtiens pour ma part le bon résultat sous Firefox 1.0 et IE 5.0 en mettant simplement table{display:inline;}. (et pas de div)

    ------------------------------------

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Tableaux contigus sous IE et Fx</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <style>
    td{border:1px solid red;}
    table{clear:none;display:inline;}
    </style>
    </head>
    <body>
    <h1>Tableaux contigus sous IE et Fx</h1>

    <table>
    <tr>
    <td>a</td>
    <td>b</td>
    <td>c</td>
    </tr>
    <tr>
    <td>d</td>
    <td>e</td>
    <td>f</td>
    </tr>
    <tr>
    <td>g</td>
    <td>h</td>
    <td>i</td>
    </tr>
    </table>
    <table>
    <tr>
    <td>j</td>
    <td>k</td>
    <td>l</td>
    </tr>
    <tr>
    <td>m</td>
    <td>n</td>
    <td>o</td>
    </tr>
    <tr>
    <td>p</td>
    <td>q</td>
    <td>r</td>
    </tr>
    </table>
    </body>
    </html>

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.