Forum

Bonjour.

Je vous demande encore de l'aide, car je me retrouve un peu coincé. J'ignore ce que j'ai touché (en principe rien), mais je ne dispose plus des colonnes sur le module news.

Pourtant, j'ai bel et bien le "width: calc(98% / 2);", le block à 49%, mais je me retrouve avec des actus l'une sous l'autre.

Merci de m'éclairer svp ..

Bonjour,

quelque part dans le template il y a 2 <br> (vers la ligne 59 de NewsDisplaySeveralNewsController.tpl) qui font cette mise en page.

Cordialement, janus57

Pfiouuuu j'aurai jamais pensé à ça ! Merci encore une fois.

Dernière chose en passant, pourquoi les deux derniers blocks sont toujours côte à côte ? Je l'ai remarqué sur toutes les versions. Ce n'est pas séparé comme les précédents. Un bug à remonter?

Bonjour,

comment ça (je vois pas de bug là) ?

Cordialement, janus57

Les deux dernières actus, sont collées, comparé aux autres.

Édité par MickaelFR Le 08/07/2017 à 22h10

Bonjour Mickael,

Je suis comme Janus, je ne vois pas où ça cloche. Un screen peut-être ?

Olivier.

Salut.

Bien sûr.

Voici un screen (plus visible sur mon site, j'ai remis en 1 colonne du coup).

tu peux remettre temporairement pour que l'on regarde le bug ?

Si cela intervient sur le dernier, cela doit venir d"une surcharge CSS qui supprime une marge en last-child ou un truc dans le genre.

Oui, je le met de suite et je désactive les caches..

héhé, les joies de l'inline-block

(hum pas très pratique du css dans le tpl)

En fait, aucun élément (ici la balise article) ne se comporte normalement en

display:inline-block

Inline-block permet de passer à la ligne quand l'élément est plus large que l'espace restant, mais quand une ligne est pleine, ses éléments prennent le plus d'espace possible, le premier élément colle à gauche et le dernier, à droite, les autres se repartissent de façon à simuler un "équilibre" entre les éléments, sauf... sur la dernière ligne <img src="/images/smileys/smile.png" alt=":)" class="smiley" />
voici ce que ça donne si on reduit la taille des élément à 40% <a href="https://prnt.sc/ftz8u1">https://prnt.sc/ftz8u1</a>
Et c'est sans compter sur la marge créée artificiellement par inline-block... <img src="/images/smileys/whistle.png" alt=":whistle" class="smiley" />

Solutions:
- passer en flexbox avec un justify-content en space-between
- se prendre la tête pour calculer l'espace entre les éléments en mode "normal" et mettre un margin-left sur le dernier éléments qui correspond à cet espace, sachant qu'avec une largeur en % ça peut changer selon la largeur de l'écran

Salut.

Rien compris sur la dernière partie En gros, il faut laisser comme ça c'est ça?

non tu dois pouvoir tricher avec des margins. tu as remis en 1 colonne la ?

Oui. car c'est moche .. J'y touche pas, je décale tjr tout moi

Comme l'a dit babsolune, c'est le soucis de inline-block. Ce sera réglé en 5.1 vu que j'ai changer avec les flexbox

D'accord, je laisse tel quel alors

Merci