Aligner titre et icones des catégories au milieu du fond titre

[Kam27]

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://tavernedanna.forumactif.org/

Description du problème

Bonjour,
Je voulais savoir s'il était possible de aligner le titre et les icônes sur une même ligne ? Faire en sorte que le titre descende vers les mêmes hauteurs que les icônes.
Le décalage entre le titre et les icônes pose problème à mon habillage visuel.

J'ai vu que ce forum avait réussi à tout mettre au milieu : https://www.manga-fan.org/

Merci
Bonne soirée

[Kam27]

UP
Par rapport à mon dernier message, j'ai appris qu'il fallait mettre un padding pour décaler le site. Cependant même en mettant un padding-top je n'arrive pas à créer d'espace alors qu'avec un padding-left je peux le décaler de la gauche.

Code:

.table-title, .table-title h2, ul.topiclist dd.dterm h2, ul.topiclist dt h2 {
padding-top : 25px;
}

Même en faisant celui-ci, ça ne fonctionne pas

Code:

padding: 10px 18px 18px 18;

Est-ce que j'utilise le bon code padding ?

[Bipo]

Bonjour Kam27,

Votre problème est toujours d'actualité ? Je viens de vérifier sur votre forum et je constate que le titre de vos forums sont alignés avec les icônes.

Bonne journée.
Bipo.

[Kam27]

Pas vraiment, j'ai juste trouvé une solution alternative qui est celle-ci :

Code:

ul.topiclist dd.dterm, ul.topiclist dt {
    padding: 18px;
}
ul.topiclist dd {
    padding: 11.5px 0;
}
dd.lastpost {
      padding: 11.5px!important;

Le soucis c'est que ça à réduit la hauteur du fond de catégorie alors qu'au départ je voulais juste décaler le titre pour qu'il s'aligne.
En soit, cette alternative me convient mais je voudrais quand-même savoir pourquoi le padding ne pouvait pas décaler le titre vers le bas. :/

Bonne journée

[*Splash*]

Hi,

Ce code CSS devrait te convenir :

Code:

li.header dl.icon dd.dterm, li.header dl.icon dt { /* noms des forums */
    text-align: center; /* position horizontal du texte */
    margin-top: 5px; /* position verticale du texte */
}

[Kam27]

Merci ça fonctionne