Centré verticalement le titre des catégories

[alana2005]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://alanatests.forumactif.com/

Description du problème

Bonjour, voici une capture de mon forum tests, je suis en train de faire un nouveau thème et je voudrais centrer verticalement le titre de mes catégories car ceux ci sont trop haut par rapport à mon image. Deuxièmement j'aimerais agrandir la barre des titres de qui est en ligne. Pouvez-vous m'aider ? Merci d'avance

[alana2005]

Up s'il vous plaît, merci

[dje8269]

Bonsoir ,

J'ai eu a peu pret le même probleme, mais en phpbb3 .

Bref j'ia lus pas ma lde truc la dessus , et je crois me souvenir qu'il y avait une ruse !

En fait il s'agirais de mettre une balise <br> dans le titre de ta categorie , ainsi elle serait sur deux lignes et donc descendrais sur la deuxieme ligne faisant croire à un alignement !

je ne sait pas si ca marche pour toi , mais ca vaut le coup d'essayer

[alana2005]

Je vais essayer de suite, merci dje8269, je te dis si ça fonctionne chez moi

[gigi68]

Salut , alana2005

Si j'ai bien compris, tu devrais pouvoir y arrivé avec ceci

<div align="center">Ton texte</div>

Cordialement

[alana2005]

Bonjour gigi68, j'ai déjà essaye ça mais ça le centre horizontalement et non verticalement.

[Chinelle]

Bonjour, voici le code css que je vous propose pour résoudre votre problème, à mettre après ce que vous avez déjà :

Code:

.secondarytitle {
height: 32px;
padding: 28px 0 0 0;
position: relative;}

.secondarytitle h2+font{
position: absolute;
right: 20px;
top: 38px;}


[alana2005]

Un grand merci Chinelle , je teste et reviens vers toi pour te dire si ça fonctionne ou pas.

[alana2005]

Super, ça fonctionne, un grand merci Chinelle, voilà 4 jours que je cherche sans trouver. Reste 2 petites choses, qui est en ligne est écrit en orange et pas en noir et puis ma barre citrouille est toute petite par rapport aux autres. Je sais que je pose des drôles de questions mais je ne suis pas une spécialiste.

[Chinelle]

Je ne sais pas si tu es censé créer un nouveau sujet pour ça, mais vu que le problème est assez semblable et pas très compliqué, voilà le code css à ajouter après.

Code:

.cattitle {
color: black;
font-size: 13px; /*pour aggrandir éventuellement la taille du titre qui est en ligne*/
display: block;
padding-top: 32px;
}

[alana2005]

Sur ce coup ci, ça ne fonctionne pas, j'ai toujours qui est en ligne en orange et un presque un double de ma barre citrouille Le grand mystère de Halloween

[Chinelle]

Essayez avec le code suivant, et si ça ne marche pas, n'enlevez pas le code que je viens de vous donner, laissez l'erreur visible. C'est plus facile pour moi de corriger après.

Code:

.catHead .cattitle {
color: black;
font-size: 13px; /*pour aggrandir éventuellement la taille du titre qui est en ligne*/
display: block;
padding-top: 32px;
}

[alana2005]

Cette fois qui est en ligne est bien en noir mais j'ai toujours un dédoublement de ma barre citrouille, j'ai laissé l'erreur.

[Chinelle]

Dans ce cas, supprimez le

Code:

padding-top: 32px;

du code que je vous ai donné

[alana2005]

Voilà c' est fait mais ça en revient comme avant sauf que j'ai gardé le titre en noir. J'ai laissé l'erreur comme tout à l'heure.

[Chinelle]

Ajoutez cela à la suite

Code:

.catHead .cattitle {
margin-top: 22px;
}
td.catHead{
height:58px
}

[alana2005]

Un grand, grand merci ça marche superrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr. Puis-je me permettre de t'envoyer de gros bisous ? Tant pis si tu veux pas , voilà c'est fait :thanks: