Annonce

  •  » Styles
  •  » [Résolu] Hauteur des "cards" dans Bootstrap Darkroom

#1 2020-04-17 04:04:24

Katryne
Membre
Provence
2016-12-03
1210

[Résolu] Hauteur des "cards" dans Bootstrap Darkroom

Bonjour,

J'ai supprimé en local l'ellipse sur les titres d'album et de photos dans la présentation en grille de Bootstrap Darkroom. Et mes titres sont aussi plus gros car je leur ai affecté un tag h2.
Du coup, les titres sont sur 1, 2, parfois 3 lignes sous la vignette.
Comment faire pour que les cartes aient la même hauteur, quel que soit le nombre de lignes du titre ?
J'ai essayé de fixer la hauteur, en pixels ou en rem, mais ça n'a pas le même rendu selon les tailles d'écran.

Une idée ? Merci d'avance !
https://photos.revestou.fr/i


https://photos.revestou.fr/  v.12.2 PHP: 7.4.30 - https://dardennes.revestou.fr/ v.11.5 - http://photos.katrynou.fr/ v.11.5 PHP: 7.4.30 https://album.chauvigne.info/ v.12.3.0  PHP: 8.0.22
Système d'exploitation: Linux - Hébergeur 1&1-Ionos - MySQL: 5.7.38
Bibliothèque graphique: External ImageMagick 6.9.10-23

Hors ligne

#2 2020-04-17 10:31:22

dreamer
Membre
St Cyr/mer (83)
2006-02-26
904

Re: [Résolu] Hauteur des "cards" dans Bootstrap Darkroom

Salut voisine

Je vais peut-être dire une cagade mais une solution (non expérimentée)

Ton titre en une seule ligne et s'il est trop long, tenter un <!--more--> (je ne sais pas si ça marche pour les titres...), ce qui supprimerait ton problème de hauteur !!


beauxvoyages.fr/photos (photos), beauxvoyages.fr/jukebox (musiques) et tout nouveau beauxvoyages.fr/camping (camping-car) le tout en version 12.2

Hors ligne

#3 2020-04-17 10:42:13

Katryne
Membre
Provence
2016-12-03
1210

Re: [Résolu] Hauteur des "cards" dans Bootstrap Darkroom

Bel essai ! mais oui mais non :  j'ai justement supprimé l'ellipse (les 3 petits points) pour que le titre s'affiche en entier.
Dans un autre logiciel https://katryne.legtux.org/ , j'avais réussi à faire ça sur des boîtes avec du flex, mais là, ça veut pas.


https://photos.revestou.fr/  v.12.2 PHP: 7.4.30 - https://dardennes.revestou.fr/ v.11.5 - http://photos.katrynou.fr/ v.11.5 PHP: 7.4.30 https://album.chauvigne.info/ v.12.3.0  PHP: 8.0.22
Système d'exploitation: Linux - Hébergeur 1&1-Ionos - MySQL: 5.7.38
Bibliothèque graphique: External ImageMagick 6.9.10-23

Hors ligne

#4 2020-04-17 18:36:21

Guillaume C
Membre
Belgium
2014-04-08
335

Re: [Résolu] Hauteur des "cards" dans Bootstrap Darkroom

Et en jouant sur la hauteur minimum du bloc ?

Code:

.card-body {
  min-height: 100px;
}

Dernière modification par Guillaume C (2020-04-17 18:38:47)

Hors ligne

#5 2020-04-17 18:51:33

Katryne
Membre
Provence
2016-12-03
1210

Re: [Résolu] Hauteur des "cards" dans Bootstrap Darkroom

Ah mé que voilà une idée qu'elle est bonne ! C'est nickel chrome, merci !


https://photos.revestou.fr/  v.12.2 PHP: 7.4.30 - https://dardennes.revestou.fr/ v.11.5 - http://photos.katrynou.fr/ v.11.5 PHP: 7.4.30 https://album.chauvigne.info/ v.12.3.0  PHP: 8.0.22
Système d'exploitation: Linux - Hébergeur 1&1-Ionos - MySQL: 5.7.38
Bibliothèque graphique: External ImageMagick 6.9.10-23

Hors ligne

  •  » Styles
  •  » [Résolu] Hauteur des "cards" dans Bootstrap Darkroom

Pied de page des forums

Propulsé par FluxBB

github twitter newsletter Faire un don Piwigo.org © 2002-2022 · Contact