div trop large en hauteur mais impossible de la retrecir

[schtroumph]

Salut

J'ai mis mes titres H1 dans un module Contenu personnalisé :

Le HTML :

<h1>Galeries photos</h1>

Son CSS :

.titre-page {
margin:45px 0 0 0;
padding:0;
background-color:$vert-b;
@extend .bordure-rouge;
}

.titre-page h1 {
margin:0;
padding:0;
}

La bordure et le fond sont là pour mieux montrer mon problème.

Donc, mon problème c'est que le module à une hauteur trop grande (bordure rouge). J'ai mis un height:0; à .titre-page mais ça ne change rien, sauf que le fond vert disparaît mais que la bordure, elle, ne change pas.

Je suis en local, mais j'ai fait une installation pour que vous puissiez voir en détail.

Joomla 3.9.27

[lomart]

Bonjour,

C'est ta police caryberegular qui pose problème. Avec celle de base (liberation_sansregular) le problème disparait
Le jambage me semble disproportionné. Essaie de charger une autre version de cette police.

[schtroumph]

Jamais j'aurais pensé à la police. Ce que je comprends pas c'est que sur la version de mon site en production (je suis en train de le refaire) et avec la même police, je n'ai pas ce problème. Par contre, sur le site où j'ai télèchargé caryberegula il n'y à qu'une seule version.

[lomart]

Si elle fonctionne sur un site, c'est l'implémentation qu'il faut regarder

[RobertG]

Bonjour en jouant sur le padding-top de titre page h1, le line-height de h1 (à déplacer dans titre-page h1) et le margin-top de titre-page, les choses s'améliorent :

[schtroumph]

Si elle fonctionne sur un site, c'est l'implémentation qu'il faut regarder

C'est à dire ? je ne suis pas parti de la version en production. J'ai préféré le refaire à partir d'une installation " neuve " de Joomla. avant.

Bonjour en jouant sur le padding-top de titre page h1, le line-height de h1 (à déplacer dans titre-page h1) et le margin-top de titre-page, les choses s'améliorent

J'ai réussi faire remonter le H1 vers le haut de .titre-page mais pas a diminué la hauteur de ce dernier.

J'ai mis à jour le site que j'ai mis en lien au début.

[lomart]

Dans ton user.css, tu as cela :

@font-face {
font-family: 'caryberegular';
src: url('police-titre/carybe-webfont.eot');
src: url('police-titre/carybe-webfont.eot?#iefix') format('embedded-opentype'), url('police-titre/carybe-webfont.woff2') format('woff2'), url('police-titre/carybe-webfont.woff') format('woff'), url('police-titre/carybe-webfont.ttf') format('truetype'), url('police-titre/carybe-webfont.svg#caryberegular') format('svg');
font-weight: normal;
font-style: normal; }

Dans l'autre site, tu as quoi ?

[schtroumph]

La même chose :

@font-face {
    font-family: 'caryberegular';
    src: url('fonts/carybe-webfont.eot');
    src: url('fonts/carybe-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/carybe-webfont.woff2') format('woff2'),
         url('fonts/carybe-webfont.woff') format('woff'),
         url('fonts/carybe-webfont.ttf') format('truetype'),
         url('fonts/carybe-webfont.svg#caryberegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

Bon, sauf pour le nom du dossier. Je sais pas si ça peut aider, mais avant j'utilisais Helix et LESS, maintenant pour le (futur) nouveau site j'utilise Protostar 1.0 et SCSS.

[lomart]

Je viens de convertir la police et j'ai ça

Il y a un problème de jambage

[schtroumph]

Ça confirme ce que tu disais au début. A part faire comme a proposé RoberG (mais que je n'arrive pas à reproduire) il n'y as pas grand chose a faire.