Bonjour,
Je tente de comprendre comment fonctionne headerRight et headerLeft.
Dans un précédent post je voulais supprimer le titre du chapitre pour n’avoir que le titre du document.
Avec le code suivant, ça fonctionne
.headers .currentTitle{
display:none;
}
Je voudrais afficher le titre du document à gauche dans l’entête de page
Avec le code suivant même si je met l’entête dans « @top-left », l’entête contient bien le titre du document mais s’affiche à droite. Ce qui doit être logique puisque l’élément s’appelle « headerRight » donc je suppose que lors de la définition du contenu il doit y avoir également la définition de son positionnement, mais comment modifier le positionnement.
@page part:right{
@top-right {
content: none;
}
@top-left {
content: element(headerRight);
font-weight: bold;
}
}
J’ai pensé utiliser « headerLeft » mais dans le « main.css » la valeur content est à « none » et comme je suis dans la logique de ne pas modifier directement le CSS afin de ne pas avoir de problèmes dans les montées de version (j’ai au moins compris ça ), j’utilise le mode guidé et je concatène mes modifications dans le « main.ss »
J’ai également besoin de modifier la mise en forme du contenu (taille, police, …) j’ai essayé avec le code suivant, sans succès
.headers .currentTitle{
font-weight: bold;
}
De manière plus générale comment je pourrais reprendre la main sur l’entête car je voudrais réussir à mettre sur la gauche un fond (donc une image) + le titre du document et à droite un logo. Exemple ci-dessous.