Mettre les tables côte à côte s'il y a assez de place à l'écran

StackOverflow https://stackoverflow.com/questions/402817

  •  03-07-2019
  •  | 
  •  

Question

J'ai deux tables HTML qui seraient idéalement placées côte à côte à l'écran. Les moniteurs à écran large feront face à cette amende, mais les tables sont trop larges pour être côte à côte sur la plupart des moniteurs à l’ancienne. Je souhaite donc utiliser css (ou même simplement HTML, si possible) pour placer les tableaux côte à côte uniquement si la résolution est suffisamment élevée.

Cela fonctionne automatiquement avec les images, en général, mais existe-t-il un moyen de le faire pour les tableaux?

Était-ce utile?

La solution

Oui, appliquez le style float CSS: left aux éléments du tableau

Voici un excellent manuel d'introduction au flottement: http://css.maxdesign.com.au/floatutorial /

Autres conseils

Mon conseil serait de faire flotter la table (n'oubliez pas de spécifier une largeur de table - choisissez-en une pleine sur un moniteur non grand écran). 

table {
    width: 500px; /* important */
    float: left;
}

Cependant, cela pourrait également fonctionner (non testé): 

table {
    display: inline;
}

essayez ceci (vous pouvez changer la taille de la fenêtre): 

<html>
<body bgcolor="red">
<p>
    <table bgcolor="green" style="float: right;">
    <tr>
        <td>sssssssssssssssssssssssssssssssssssssssssss</td>
    </tr>
    </table>

    <table bgcolor="blue" style="float: left;">
    <tr>
        <td>eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee</td>
    </tr>
    </table>
</p>
</body>
</html>

- >

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top