Hauteur minimum d'affichage des articles en blog

More
2 years 6 months ago - 2 years 6 months ago #65200 by carabao
Bonjour

Je ne trouve pas le moyen de forcer une hauteur minimum afin que tous les articles qui s'affichent en blog aient la même hauteur.

www.caravane-camping.be/

Comme on peut le constater, les différentes tuiles ont des hauteurs différentes. A-t-il moyen d'avoir une hauteur identique pour tous les articles (bordures) ?

Merci
Last edit: 2 years 6 months ago by carabao.

Please Log in or Create an account to join the conversation.

More
2 years 6 months ago #65201 by ced1870
Salut
ce n'est pas template creator qui créé ce rendu, c'est Bootstrap lié à Joomla 3
il faut que tu cherches si quelqu'un a déjà fait ce genre de chose avec un blog sous joomla 3 et le template protostar par exemple (c'est le même rendu)
CEd

Joomlack Webmaster and Developer
The following user(s) said Thank You: carabao

Please Log in or Create an account to join the conversation.

More
2 years 6 months ago - 2 years 6 months ago #65233 by carabao
Réglé
via
Code:
.tck-article.item.column-1,.tck-article.item.column-2,.tck-article.item.column-3 { border-color: #d6d6d6; border-style: outset; border-width: 1px; padding: 10px; margin-top:5px; min-height: 460px; --> règle css ajoutée margin-bottom: 20px; --> règle css ajoutée }
Last edit: 2 years 6 months ago by carabao.

Please Log in or Create an account to join the conversation.

More
2 years 6 months ago #65234 by ced1870
cool ! merci pour le partage
j'avais regardé pourtant, mais la chaleur a du avoir raison de mes neurones :)

Joomlack Webmaster and Developer
The following user(s) said Thank You: carabao

Please Log in or Create an account to join the conversation.

More
2 years 5 months ago #65393 by carabao
Rebonjour

Le seule problème de cette solution c’est que la hauteur minimale choisie (via css) dépend de la hauteur d’un des trois articles sur une même ligne à un moment donné.

Ce n'est pas encore là solution miracle.

Please Log in or Create an account to join the conversation.

More
2 years 4 months ago - 2 years 4 months ago #65508 by carabao
Solution trouvée grâce au site alsacreations
Code:
.items-row, .item {display:flex;} .items-row div.span4{display:grid;} .span4 .item {flex-direction:column;} .kunenadiscuss {margin-top:auto;}

Le problème des hauteurs différentes des bordures est résolu par ces quelques lignes de code
Last edit: 2 years 4 months ago by carabao.
The following user(s) said Thank You: ced1870

Please Log in or Create an account to join the conversation.

Time to create page: 0.214 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 613 guests and no members online