[Résolu] CSS et affichage d'éléments d'une table

Bonjour,
Voilà, j'ai une table (array) dont j'affiche les éléments, enfin un des éléments, les autres étant "display:none".
Jusque là, tout va bien ... Les affichages se comportent comme des petits enfants sages, alignés les uns sous les autres.
Mais j'aimerai qu'ils s'alignent les un à côté des autres.
CSS sait certainement faire, mais moi pas !
Qui peut m'aider ?
Merci à tous
Horace

Bonjour,

J'ai un peu de mal à comprendre ce que vous avez comme structure html pour afficher les éléments
mais si vous entourez votre tableau d'un display: flex, ça devrait fonctionner comme vous voulez

D'accord avec Gus, c'est un peu floue sans HTML (et avec l'enoncé, j'ai compris qu'il y avait toujours un seul élément visible…) mais sinon, un simple display: flex sur le parent ou display: inline, ou encore display:inline-block sur les éléments eux mêmes devrait faire l'affaire

Hello Bzhorace,

Le mode d'affichage dépend du type d'élément (<div>, <span>, etc) et de la propriété display véhiculée par ce type d'élément.

Tu ne nous as pas dit quel type d'élément tu as choisi, donc on suppose que ce doit être un élément de type bloc tel que <div> ou <p>. Les éléments de type bloc s'affichent en effet naturellement les uns sous les autres.

Pour les afficher côte à côte, il suffit donc (une option suffit) :
- de changer le type d'élément (par ex. <span>)
- de changer la valeur de display (par ex. display: inline ou inline-block sur tes éléments
- de conférer ce pouvoir au bloc parent (par ex. display: flex sur le parent)

Bon courage !

EDIT : ah j'ai été grillé
Modifié par Raphael (14 May 2020 - 11:42)

Et voilà ... il y a ceux qui cherchent (vainement !) et ceux qui ont déjà trouvé ! Merci à tous
H.