Hauteur minimum d'affichage des articles en blog

[carabao]

Bonjour

Je ne trouve pas le moyen de forcer l'affichage en blog afin que tous les articles - délimité par des bordure - s'affichent avec la même hauteur.

www.caravane-camping.be/

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

Merci

[Helloo]

Bonjour,

Essaye de mettre ce code dans ton fichier custom.css:

.tck-article.item.column-1, .tck-article.item.column-2, .tck-article.item.column-3 {
min-height: 460px;
margin-bottom: 20px;
}

[tataye]

essaye equalheight :

https://www.web54.fr/blog-/-tutoriels/tutoriels-joomla/egaliser-la-hauteur-d-elements-sur-un-site-joomla-grace-a-equaleights

téléchargement :

https://extensions.joomla.org/extension/equalheights/

[pmleconte]

essaye equalheight :

https://www.web54.fr/blog-/-tutoriels/tutoriels-joomla/egaliser-la-hauteur-d-elements-sur-un-site-joomla-grace-a-equaleights

téléchargement :

https://extensions.joomla.org/extension/equalheights/

Bonjour,

Je ne suis pas sûr que cette extension soit toujours fonctionnelle et maintenue : il y a eu une question en septembre 2021 sans réponse : https://github.com/digitaldisseny/pl...ights/issues/8

Pascal

[pmleconte]

Pour info, je viens de tester equalheights en Joomla 4 et j'ai une erreur Call to undefined method Joomla\CMS\Application\AdministratorApplication::i sSite()

Bref, ce n'est pas compatible Joomla 4 actuellement.

Pascal

[carabao]

Bonjour

Tout d'abord, merci à tous pour votre aide et vos suggestions.

J'ai utilisé la méthode avec les feuilles de style

.tck-article.item.column-1, .tck-article.item.column-2, .tck-article.item.column-3 {
min-height: 460px;
margin-bottom: 20px; }

Quand je pense que j'avais tenté en mettant

.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: 260px;     <-----   pas assez, je suppose ?
}

sans succès.

donc

.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: 360px;    <--- suffisant pour moi.
margin-bottom: 20px;
}

Cela fonctionne sans problème.

Encore merci à tous.

[tataye]

Pour info, je viens de tester equalheights en Joomla 4 et j'ai une erreur Call to undefined method Joomla\CMS\Application\AdministratorApplication::i sSite()

Bref, ce n'est pas compatible Joomla 4 actuellement.

Pascal

j'ai proposé parce que nous sommes dans le forum j3

[carabao]

Effectivement, mais le support de joomla 3 s'arrête en juillet 2023, il peut être intéressant de commencer à regarder vers joomla 4.

Mais merci quand même pour la proposition.

[carabao]

Bon, je reviens ici car j'aimerai améliorer l'affichage des bordures.

La hauteur min-height fonctionne mais lors de l’affichage avec certaines résolutions, la hauteur n'est pas la même pour toutes les bordures basses. (margin-bottom)

J 'ai essayé de mettre les bordures, non pas autour de l'article (avec le css précédent) mais autour du conteneur supérieure (.gazette . span4)

j'ai repris le css précédent

.gazette . span4 { border-color: #d6d6d6; border-style: outset; border-width: 1px; padding: 10px; margin-top:5px; margin-bottom: 20px; }

mais en retirant min-height: 360px;

Je pensais que les bordures aller prendre les dimensions du conteneur mais sans succès, min-height est toujours obligatoire.

Qu'en pensez-vous ? Merci

J'ai remis le css précédent pour le moment


Autre essai avec

.tck-article.item.column-1,.tck-article.item.column-2,.tck-article.item.column-3 {
height:inherit;
}

sans succès

[daneel]

Bonjour,

Il faudrait repartir sur de bonnes bases cependant je t'ai envoyé un exemple de code en mp que tu peux ajouter pour uniformiser la hauteur.
Si tu as des difficultés, n'hésite pas à m'écrire mais évite d'utiliser le javascript pour tenter de corriger, on peut faire cela en css sans problème.

Une fois que ce sera réglé, on pourra cloturer cette discussion.



Je te conseille également de limiter désormais les améliorations et de prévoir un peu de temps pour la migration.
A travers le forum, on te guidera sur le choix des extensions et templates gratuits sous Joomla 4, comprenant également la gestion de formulaires.

[tataye]

Bonjour,
Je retombe sur cette discussion pour le même souci
daneel : quelle est ta solution ?