websigns a écrit:

embêtant pour ton thème quand même ... :/

Si on prend mon cas :
d'une part il me plait bien donc je vais le réutiliser, mais d'autre part cette partie qu'est le header de la page je la considère comme indépendante du reste en terme de "fonctionnement" (mes designs sont toujours coupés en trois parties nettement séparées : tête/centre/pied).
Sous entendus je customise différemment chaque site et potentiellement beaucoup (header à éléments multiples, images, textes, liens).
Alors ne pas pouvoir inclure une balise H1 qui par ailleurs est à considérer comme incontournable en matière de référencement naturelle je trouve que ça coince.
C'est l'exemple donné par défaut avec Piwigo d'ailleurs en toute logique.

Ou alors on retouche la CSS.
Ceci dit retoucher la feuille CSS que ce soit sur les balises propres au thème ou pour bidouiller les éléments intra header, je trouve ça simple, mais c'est mon job faut dire. Le tout est de le savoir pour pas perdre de temps.

Dans le cas d'un système comme Piwigo les contraintes de créations des thèmes sont longues à appréhender d'où la nécessité parfois par manque de temps mais aussi la joie de pouvoir se rabattre sur ceux existants, excellents qui plus est.

Quoi qu'il en soit un grand merci pour l'énorme taf fournis et pour les réponses ultra rapides.

Il n'est pas dit que tu ne peux pas inclure une balise H1, juste que le formatage par défaut d'une balise H1 n'est pas adapté au thème :-D

remplace par

<h1 style='margin:0;padding:20px;'>xxxxxx !</h1>
<p>xxxxxx</p>

et tu n'as pas besoin de modifier le css du thème ;-)

c'est lié au fait que par défaut la balise <h1> dispose d'un 'margin' qui décale tout le header vers le bas, mais que la position du menu n'en tiens pas compte car ce décale n'est pas récupéré dans les calculs de sa position.

ha pardon ! je croyais le header de la page.

ceci dit rien de particulier et là non plus rien de personnel. Juste changé le texte via les préférences de la galerie.

soit :

<h1>xxxxxx !</h1><p>xxxxxx</p>

le point d'exclamation peut être ?
sinon c'est une reprise intégrale du modèle de départ. Exprès d'ailleurs.

Je n'ai aucunement touché au header pour une fois .

L'installation de base n'est pas optimisée ???!

Il y a un plugin de SEO & Co incontournable qui m'aurait échappé ?

je pense que le problème viens du contenu de ton header ;-P
avec un header bien paramétré, je suis sur que le problème n'apparait pas :)

mais comme j'ai pas accès à ton site, je ne peux pas analyser plus...

je ne suis pas très présent en ce moment, mais un lien vers le site qui pose problème pourrais m'aider à te répondre, car normalement ce que tu décris ne dois pas arriver (si possible, lien vers un site ou le CSS n'a pas été modifié)

J'ai cherché pour voir si il se trouvait déjà un sujet autour de ce thème graphique (trééééés bien fait, chapeau bas ;-) ) et plus particulièrement à propos de mon problème ...
Mais non donc voilà ma mini contrib :

Depuis que je "travaille" avec Piwigo et les thèmes de Grum que je trouve plein d'options très pratique, j'ai un problème d'affichage récurent avec Lapis-lazuli.
D'une part la partie Titre+soustitre (le contenu du DIV #theHeader) se trouve trop haut, à cheval sur la barre du cadre.
D'autre part, mais là je ne sais pas si c'est exprès ou un bug, la barre d'icônes (DIV #imageHeaderBar) qui apparait au mouvement de la souris cache celle de navigation "de base", le breadcrumb comme on dit.
Hors ça perso j'aime pas et je trouve que c'est perturbant pour le visiteur. Le système de flêche à droite n'est pas équivalent par ailleurs.

Donc en y réfléchissant bien j'ai juste eu à faire deux petits ajouts dans la CSS :
- le décalage vers le haut de la barre de navigation

#imageHeaderBar {
  height:20px;
  top:-20px;
}

- et le raccourcissement du bloc header puis l'ajout d'un padding-top d'une taille équivalente pour pousser le contenu

#theHeader {
  background:transparent url(./../icon/skin_top.png) no-repeat scroll 0 0;
  height:100px;
  padding-top:20px;
}

oualou. en éspérant que ça serve ;)