[RÉGLÉ] mettre les images sur la même ligne

[Cosmic]

Bonjour
sur cette page, il y a des images que je voudrais garder sur une seule ligne quelle que soit la taille de la colonne: https://smlcol.ovh/fr/le-bla-bla/pro...s-de-recherche

quand la page est en pleine-page, ça marche mais quand on réduit la page, je voudrais qu'elles soient sur une seule ligne: j'ai donc essayé avec différent display : inline et consorts - j'ai aussi essayé d'appliquer un max-width... mais soit je m'y prends comme une quiche soit ce n'est pas le bon chemin à suivre...

il s'agit de la série de chiffre dans les ronds et le logo noir (et rouge) qui ressemble à une veste... il y a une quarantaine d'association donc ce serait plus facile pour moi de pouvoir faire ça via css que de créer une image pour chacune de ces versions... 7 groupes de chiffres pour 6 logos...



est-ce que quelqu'un aurait une idée?

[pmleconte]

Bonsoir,

En regardant votre site, le problème n'est pas de mettre les images sur une lignes, mais, sauf erreur de ma part, de passer d'un mode 3 colonnes d'articles à une colonne d'articles sur petit écran.

Vos blocs d'info. proviennent de flexi-content qui est supposé fonctionner en mode responsive.

Pascal

[Cosmic]

alors pas tout à fait - ça on y regarde déjà avec l'équipe de chez Flexicontent le template en question est en phase de test

ma question est donc bien celle que je pose parce que ça ne changera pas avec la nouvelle version

[lomart]

Bonsoir Laurent,

Avec cette règle, tu as tout sur une ligne

[class*="field_warning"] { display: inline-flex !important }

[Cosmic]

merci Loïc - j'oublie souvent de rajouter !important derrière, je devrais me faire plus confiance

j'apprends par contre le class* (enfin non - pour être honnête, je ré-apprends pcq Serge m'en avait parlé)...

mais du coup ça sort de la colonne... grr c'est pas toujours simple le css

[Cosmic]

ah ben non - avec ça en plus [class*="field_warning"]:first-child {max-width:75% !important;} et encore un peu trafiquer la hauteur et c'est bon