Centrer les titres des forums et des sujets par rapport à l'icône

[Yakaessayer]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Le titre des forums et des sujets apparaît légèrement plus haut que l'icône correspondante
J'aimerai centrer ce  titre par rapport à l'icône
Une image valant mieux que milles paroles :

Spoiler:

y'a surement moyen !?
Merci d'avance pour vos indications !

Marie-claire

[Yakaessayer]

Je rajoute que j'ai vu des indications permettant de décaler l'image ( dans PA/Général/configuration/structure des pages)
On peut effectivement y décaler le titre en largeur en jouant avec la largeur de place réservée à l'image
mais moi je voudrais décaler mon titre en HAUTEUR pour l'amener vers le milieu de l'image ....
Merci !

[Faline]

Bonsoir,

Le forum indiqué dans le profil ne me semble pas être un forum phpbb3 de forumactif, mais je poste pour au cas où ce sujet concerne un autre forum.

Edit :
Si la seule chose qui te gêne est que l'icône est plus basse que le titre du forum, tu peux mettre une icône plus grande. Elle est verticalement centrée par rapport à la hauteur maximum de la ligne, donc hauteur de la dernière rubrique avec les 3 lignes.

En allant vérifier les identifiants sur la liste
https://forum.forumactif.com/t278845-les-principaux-identifiants-css-phpbb2-phpbb3
j'ai constaté que malheureusement même sur le tutoriel le défaut d'alignement du contenu des rubriques sur une ligne existe, il semble donc être congénital.

Si tu as des titres de forums très courts, donc tenant sur une seule ligne, et pas de description à ajouter, tu pourrais essayer de définir un style d'une hauteur de ligne suffisamment haute pour que les 3 lignes des derniers messages y trouvent leur place :

Code:

.forumtitle {
    line-height:45px;
}

avec valeur à essayer.
A mettre dans la feuille de style : Panneau d'admin/Affichage/Images et couleurs/Couleurs/onglet feuille de style.

Et en introduisant les titres des forums bien faire attention de ne pas ajouter un saut de ligne à la fin.

[Yakaessayer]

Merci !

J'ai essayé (rapidement ) mais cela ne fait que agrandir la hauteur, par contre le titre reste scotché tout en haut .... plus haut que mon image.
J'aurais aime qu'il se mette au milieu, puisque je n'ai pas de description de forum et je pense pas en mettre.

Mais peut-être que c'est juste pas possible ... dommage !
Ce serait quand même plus joli en centré !

[silas88]

jveux bien t'aider mais je dois poster pour voir le lien de ton forum

edit :

Code:


h3.hierarchy{
  text-align: center !important;
  display : block !important;
}


tu as aussi des espaces -je pense- dans la description de ta partie (c'est de base)
PA > général > catégories et forums > sur la ou les parties en question

ensuite : https://screenshots.firefoxusercontent.com/images/e99aed18-5184-46e7-9f09-af5ba4b11de6.png

psq dans l'architecture html de ta page : https://2img.net/h/s14.postimg.cc/e5s9afltt/rhsf5485.jpg

voila où j'en suis rendu chez moi : https://screenshots.firefoxusercontent.com/images/b0c00c29-7b32-491c-9a52-6ee0f7139aa6.png

[Invité]

Hello Yakaessayer,


Bonne année .


Ceci devrait fonctionner, il faudra surement modifier la valeur 15 dans le margin-top .

Code:


ul.topiclist.forums dd.dterm div h2
{
margin-top: 15px !important;
position: absolute;
}


a++

[Yakaessayer]

Merci à tous !

J'ai testé la solution de Milouze et ça roule pour moi !
( sauf que c'était H3 pour moi à la place de H2, mais c'est un détail )

Merci encore !