Affichage des champs du profil en phrase

[CryingToYourHeart]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://testnetflix.forumactif.com/t4-test#10

Description du problème

Bonjour,

J'ai suivi plusieurs tutoriels afin d'avoir les champs du profil à la suite afin de former une phrase seulement je n'arrive pas à obtenir le rendu souhaité. Je n'arrive pas trop à voir où se situe le problème. Voilà ce que j'aimerais obtenir:

Spoiler:

Mon template et mon css sont modifiés:

CSS

Code:

/* BLOC JOUEUR */
.boxPOST {
margin-right:10px; width:220px; text-align:center;
}
/* BLOC AVATAR */
.avaPOST {
margin:auto; width:200px; height:auto; padding:10px; border:1px solid;
border-color:#ececec; background:white;  /* MODIFIABLE */}

.avaPOST img {max-width: 100% !important; transition: filter .5s ease-in-out;
  -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(0%); /* FF 35+ */}

.avaPOST img:hover {max-width: 100% !important;-webkit-filter: grayscale(100%);/* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%); /* FF 35+ */}

/* BLOC PSEUDONYME & RANG */
#namePOST {
margin:10px auto; width:220px; height:85px;
border:1px solid; text-align:right;
border-color:#ececec;font-family:carme; text-transform:uppercase; /* MODIFIABLE */
}
/* CONTENU PSEUDONYME & RANG */
.namePOST {
margin-left:45px; width:165px; height:65px; padding:20px 10px 0 0;
background:white; /* MODIFIABLE */
}
/* BORDURE PSEUDONYME */
.namePOST a {
text-decoration:none !important; font-size:15px;
padding-bottom:5px; border-bottom:1px solid;
border-bottom-color:#ececec; /* MODIFIABLE */
}
/* TEXTE RANG */
.rankPOST {
padding-top:10px;
color:black; font-size:11px; /* MODIFIABLE */
}

/*EN LIGNE IMAGE*/
.enligne {text-align:center; max-width:150px; padding-bottom:20px; top:-15px;}

.enligne img{ max-width:150px; }

/* BLOC INFORMATIONS JOUEUR */
.abtPOST img {max-width:200px;}

.abtPOST {
margin:10px auto;
width:200px; text-align:justify; font-size:12px; padding:10px; height:250px; overflow:auto; border:1px solid;
border-color:#ececec; background:white;
}
/* INFORMATION JOUEUR */
.abtPOST div{
margin-bottom:5px; }

/* INTITULE INFORMATION JOUEUR */
.abtPOST span.label {
color:black;/* MODIFIABLE */ font-size:11px;
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
text-align:center;
}
.ktactPOST img {
max-width:20px;
}

template:


Je vous remercie d'avance pour votre aide

[CryingToYourHeart]

UP

[CryingToYourHeart]

UP

[CryingToYourHeart]

UP

j'ai essayé d'ajouter:

Code:

.abtPOST > div > div > span {white-space: normal !important; font-size: 0px; line-height: 0px;}
.abtPOST > div > div > span > span {font-size: 12px;line-height: 14px;}

mais ça n'a rien changé

[CryingToYourHeart]

UP

[Victor-57]

Salut,

Ton forum est en construction, difficile de voir. :/

[CryingToYourHeart]

Bonjour,

Je ne vous pas spécialement ce que ça pourrait changer qu'il soit en construction ou non

[Victor-57]

Quand il est en construction, on ne peut pas accéder aux profils des personnes, et donc on ne peut pas voir votre problème.

[CryingToYourHeart]

Les catégories sont fermés pour l'instant. Mais je souhaite faire quelque chose comme ceci

[CryingToYourHeart]

EDIT:

J'ai à peu près réussi à faire comme je voulais en ajoutant ceci:

Code:

/* BLOC INFORMATIONS JOUEUR */
.abtPOST img {max-width:200px;}

.abtPOST {width:200px; text-align:justify; font-size:12px; padding:10px; height:250px; overflow:auto; border:1px solid; border-color:#f0f0f0; background:white; line-height: 14px !important; }

/* INFORMATION JOUEUR */
.abtPOST div{ white-space: normal !important; display: inline !important;}
.abtPOST ul, .abtPOST ul li { display: inline !important;}

/* INTITULE INFORMATION JOUEUR */
/*.abtPOST span.label { color:black; font-size:11px;}*/
.abtPOST .label{font-size:0px;}
.abtPOST .label span,.abtPOST .f1{font-size:12px!important; color:black !important;  }


Seulement lorsqu'on personnaliser le profil dans les zones de textes les textes ne se mettent plus centré si on utilise le bbcode pour les centrer

[CryingToYourHeart]

UP si quelqu'un peut me dire où je me suis trompé

[CryingToYourHeart]

EDIT:

J'ai à peu près réussi à faire comme je voulais en ajoutant ceci:

Code:

/* BLOC INFORMATIONS JOUEUR */
.abtPOST img {max-width:200px;}

.abtPOST {width:200px; text-align:justify; font-size:12px; padding:10px; height:250px; overflow:auto; border:1px solid; border-color:#f0f0f0; background:white; line-height: 14px !important; }

/* INFORMATION JOUEUR */
.abtPOST div{ white-space: normal !important; display: inline !important;}
.abtPOST ul, .abtPOST ul li { display: inline !important;}

/* INTITULE INFORMATION JOUEUR */
/*.abtPOST span.label { color:black; font-size:11px;}*/
.abtPOST .label{font-size:0px;}
.abtPOST .label span,.abtPOST .f1{font-size:12px!important; color:black !important;  }


Seulement lorsqu'on personnaliser le profil dans les zones de textes les textes ne se mettent plus centré si on utilise le bbcode pour les centrer

UP j'ai dut me tromper quelque part mais je n'arrive pas trop à savoir où