Créer 2 tables sur la même ligne

Bonjour à tous,

Est-ce que quelqu’un sait s’il est possible de créer deux tableaux sur la même ligne ? Par exemple, en ayant l’un à gauche et l’autre à droite ?

Gauche Côté

Ce n’est pas possible par défaut, mais cela peut être réalisé en créant deux tableaux enveloppés dans un div possédant un attribut data. Cet attribut data peut ensuite être ciblé dans le thème de votre site pour créer un tableau à deux colonnes. Voici un exemple de base. Je ne suis pas du tout un expert en CSS, alors adaptez le CSS selon vos besoins.

Contenu brut du message :

<div data-two-column-table>

|foo|bar|
|---- | ----|
|this|that|

</div>

<div data-two-column-table>

|foo|bar|
|---- | ----|
|this|that|

</div>

CSS du thème (notez qu’il cible le div .md-table dans lequel Discourse enveloppe les tableaux) :

div[data-two-column-table] .md-table {
    width: 50%;
    display: inline-block;
    float: left;
}

Résultat attendu :

Un inconvénient possible de styliser les tableaux de cette manière est que les styles ne seront pas conservés dans les e-mails envoyés depuis le site.

Je vois. Merci de m’en avoir informé !