Discussion :

[amoiraud]

Bonjour à tous,

Je vous explique mon problème, j'ai besoin d'afficher dans un div, une ou plusieurs timeline (le nombre dépend de ce que je récupère en base de données), pour chaque timeline j'ai un nombre aléatoires de div représentant une fourchette de dates (qui dépend également des infos de la base de données).
Vous trouverez ci-joint un schéma du résultat attendu :



Mon problème se situe au niveau de l'overflow, en fait je voudrai que lorsque le nombre de div dates (en vert sur le schéma) dépasse la taille du bloc parent, elle ne revienne pas a la ligne mais que l'on puisse scroller horizontalement, j'ai donc mis un overflow-x: auto sur mon div parent (auto et pas scroll pour ne pas avoir une barre de scroll grisée quand la taille n’excède pas le div parent), mais cela ne fonctionne pas, mes div dates reviennent a la ligne au lieu de rester alignée et d'avoir une barre de scroll.

J'ai essayé de jouer sur les line-break de mes div timeline (en rouge sur le schéma) mais sans résultat, et j'avoue que ça dépasse un peu mes compétences en CSS, est-ce que quelqu'un pourrais m'orienter sur une piste pour réaliser cela ?

Merci d'avance

[Invité]

Bonjour,

• tu veux qu'on te fasse aussi un dessin,
• ou tu comptes nous montrer ton code * (qu'on puisse TESTER, et corriger) ?

* Code HTML généré ("Ctrl"+"U")

[amoiraud]

Oui désolé j'ai pas mis le code car il est noyé au milieu de centaines de lignes, j’étais en train de préparer une version simplifié du code pour te répondre mais quelqu'un m'a apporté la solution, il fallait passer le div timeline (en rouge sur mon magnifique dessin ^^) en display: flex et ajouter un flex-shrink: 0. sur les div dates pour les empêcher de rétrécir.
Problème résolu