Centré verticalement le titre des catégories

4 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Centré verticalement le titre des catégories

Message par alana2005 Jeu 23 Oct 2014 - 13:52

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

Centré verticalement le titre des catégories 24936099fa


Dernière édition par alana2005 le Dim 26 Oct 2014 - 14:11, édité 1 fois
alana2005

alana2005
****

Féminin
Messages : 474
Inscrit(e) le : 03/07/2007

http://alana2005.1fr1.net/
alana2005 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centré verticalement le titre des catégories

Message par alana2005 Sam 25 Oct 2014 - 19:09

Up s'il vous plaît, merci
alana2005

alana2005
****

Féminin
Messages : 474
Inscrit(e) le : 03/07/2007

http://alana2005.1fr1.net/
alana2005 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centré verticalement le titre des catégories

Message par dje8269 Sam 25 Oct 2014 - 20:13

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
avatar

dje8269
*

Messages : 43
Inscrit(e) le : 19/09/2014

http://fantas-pic.forumactif.org
dje8269 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centré verticalement le titre des catégories

Message par alana2005 Sam 25 Oct 2014 - 20:21

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

alana2005
****

Féminin
Messages : 474
Inscrit(e) le : 03/07/2007

http://alana2005.1fr1.net/
alana2005 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centré verticalement le titre des catégories

Message par gigi68 Sam 25 Oct 2014 - 23:46

Salut , alana2005

Si j'ai bien compris, tu devrais pouvoir y arrivé avec ceci
Wink
<div align="center">Ton texte</div>

Cordialement
gigi68

gigi68
****

Masculin
Messages : 283
Inscrit(e) le : 31/05/2014

https://motardsdoubs.forumactif.com/
gigi68 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centré verticalement le titre des catégories

Message par alana2005 Dim 26 Oct 2014 - 7:15

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

alana2005
****

Féminin
Messages : 474
Inscrit(e) le : 03/07/2007

http://alana2005.1fr1.net/
alana2005 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centré verticalement le titre des catégories

Message par Chinelle Dim 26 Oct 2014 - 9:49

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;}
Chinelle

Chinelle
**

Féminin
Messages : 67
Inscrit(e) le : 08/12/2009

https://www.kingdom-hearts-rpg.com/
Chinelle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centré verticalement le titre des catégories

Message par alana2005 Dim 26 Oct 2014 - 10:20

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

alana2005
****

Féminin
Messages : 474
Inscrit(e) le : 03/07/2007

http://alana2005.1fr1.net/
alana2005 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centré verticalement le titre des catégories

Message par alana2005 Dim 26 Oct 2014 - 10:29

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.
alana2005

alana2005
****

Féminin
Messages : 474
Inscrit(e) le : 03/07/2007

http://alana2005.1fr1.net/
alana2005 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centré verticalement le titre des catégories

Message par Chinelle Dim 26 Oct 2014 - 10:35

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;
}
Chinelle

Chinelle
**

Féminin
Messages : 67
Inscrit(e) le : 08/12/2009

https://www.kingdom-hearts-rpg.com/
Chinelle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centré verticalement le titre des catégories

Message par alana2005 Dim 26 Oct 2014 - 10:42

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 Very Happy Le grand mystère de Halloween

Centré verticalement le titre des catégories Marche10
alana2005

alana2005
****

Féminin
Messages : 474
Inscrit(e) le : 03/07/2007

http://alana2005.1fr1.net/
alana2005 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centré verticalement le titre des catégories

Message par Chinelle Dim 26 Oct 2014 - 10:57

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;
}
Chinelle

Chinelle
**

Féminin
Messages : 67
Inscrit(e) le : 08/12/2009

https://www.kingdom-hearts-rpg.com/
Chinelle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centré verticalement le titre des catégories

Message par alana2005 Dim 26 Oct 2014 - 11:03

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.
alana2005

alana2005
****

Féminin
Messages : 474
Inscrit(e) le : 03/07/2007

http://alana2005.1fr1.net/
alana2005 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centré verticalement le titre des catégories

Message par Chinelle Dim 26 Oct 2014 - 13:05

Dans ce cas, supprimez le
Code:
padding-top: 32px;

du code que je vous ai donné
Chinelle

Chinelle
**

Féminin
Messages : 67
Inscrit(e) le : 08/12/2009

https://www.kingdom-hearts-rpg.com/
Chinelle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centré verticalement le titre des catégories

Message par alana2005 Dim 26 Oct 2014 - 13:16

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.
alana2005

alana2005
****

Féminin
Messages : 474
Inscrit(e) le : 03/07/2007

http://alana2005.1fr1.net/
alana2005 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centré verticalement le titre des catégories

Message par Chinelle Dim 26 Oct 2014 - 13:47

Ajoutez cela à la suite
Code:
.catHead .cattitle {
margin-top: 22px;
}
td.catHead{
height:58px
}
Chinelle

Chinelle
**

Féminin
Messages : 67
Inscrit(e) le : 08/12/2009

https://www.kingdom-hearts-rpg.com/
Chinelle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centré verticalement le titre des catégories

Message par alana2005 Dim 26 Oct 2014 - 14:11

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:
alana2005

alana2005
****

Féminin
Messages : 474
Inscrit(e) le : 03/07/2007

http://alana2005.1fr1.net/
alana2005 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum