Annonce

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

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

Katryne
Membre
Le Revest-les-Eaux (Provence)
2016-12-03
1633

[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://album.chauvigne.info/ v.13.8.0  PHP: 8.1.22
http://photos.katrynou.fr/ v.14.1.0 PHP: 8.1.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
1046

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 !!


Photos, MusiquesCamping-car,Vidéo et le tout nouveau Recettes le tout en 14.2.0

Hors ligne

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

Katryne
Membre
Le Revest-les-Eaux (Provence)
2016-12-03
1633

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://album.chauvigne.info/ v.13.8.0  PHP: 8.1.22
http://photos.katrynou.fr/ v.14.1.0 PHP: 8.1.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
Le Revest-les-Eaux (Provence)
2016-12-03
1633

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://album.chauvigne.info/ v.13.8.0  PHP: 8.1.22
http://photos.katrynou.fr/ v.14.1.0 PHP: 8.1.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-2024 · Contact