Problème de CSS text-align

[Sayali]

Bonjour,

Je me mets doucement au CSS et je rencontre un problème de CSS que je n'arrive pas à résoudre.
- l'URL du forum, si nécessaire, http://choupinette.forumgratuit.be/forum (c'est mon forum test sur lequel je m'exerce)
- la version de votre forum, phpbb2
- une capture d'écran du problème (Comment faire ?), j'ai mieux : http://choupinette.forumgratuit.be/t1-votre-1er-sujet#4
- votre statut sur le forum (fondateur, ou non), fondateur (le forum que je cherche à embellir est en construction)
- si vous avez modifié des templates (Si oui, le(s)quel(s)), oui, entre autres celui du profil comme vous pouvez le voir
- si vous avez du CSS personnalisé, juste celui concernant le profil
- votre ou vos navigateur(s). google chrome et mozilla firefox

Alors que je vous explique : j'essaye de faire un joli profil (je suis bien une fille ^^). J'ai compris comme changer les éléments du profil de place, mais maintenant je voudrais pouvoir mettre de la forme à tout ça via du CSS. Changer les couleurs, c'est bon, mais le text-align ne fonctionne pas, et je ne comprends absolument pas pourquoi.

Voici mon code CSS actuel (en sachant qu'avec mon copain, qui maîtrise un peu mieux que moi, on a testé tout ce qu'on pouvait, sans succès) :

Code:

.test { color:blue; }

.centrage {
  text-align:center; }

Voici le template modifié :

Code:

<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
         <span class="name centrage"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_AVATAR}<br /><br />
                                  <span class="test">{postrow.displayed.POSTER_RANK}</span><br />
            {postrow.displayed.RANK_IMAGE}
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
         </span><br />
         <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </td>

Normalement, je vous ai donné tout ce qu'il fallait.
En fait, la seule chose qui marche pour centrer, c'est de mettre une balise center dans le template, mais c'est pas hyper pratique...

Merci d'avance à toutes celles et tous ceux qui tenteront de résoudre mon problème, qu'ils y arrivent ou non ^^

[Scoubifitz]

bonsoir,

il serait plus judicieux de mettre la class sur la cellule ...

<td class="{postrow.displayed.ROW_CLASS} centrage"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">

[Sayali]

Bonsoir,

Tout d'abord, merci pour la réponse.

Cette solution a déjà été testée, malheureusement. Le résultat est que ça centre absolument tout : pseudo, avatar, rang, infos du posteur. Or, le but est de pouvoir centrer certains éléments du profil. Par exemple, je n'ai absolument pas l'intention de centrer les informations (nombre de messages postés, date d'inscription, etc.).

Merci quand-même.

[Lixyr]

Bonsoir.

J'ai vu dans votre Template que vous aviez ceci :

<span class="name centrage"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span>

Franchement, c'est pas évident de centrer avec un span, je dirais même que ça ne marche jamais. Mieux vaut mettre un div si on veut un résultat.

<div class="name centrage"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></div>

Reste à savoir si ça vous va.
Par ailleurs, faites attention avec le nom de la classe, ça ne correspond pas avec le CSS :

<div class="name centrage"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></div>

Cordialement.

[Sayali]

Merci infiniment, le problème a été réglé. Je vais de ce pas éduquer mon homme pour qu'il soit moins têtu ^^ (je lui avais dit de tenter avec div).

Mais maintenant, j'ai un autre souci : le pseudo est écrit super gros. Il n'y a pas moyen d'empêcher qu'il soit en gras? On a retiré le strong, mais ça ne change rien.

Merci beaucoup =)

[Scoubifitz]

bonne idée pour le div ...

Code:

.pseudo {text-align:center;font-size:11px;height:2px;}
.pseudo a{text-decoration:none;}
.pseudo strong{font-weight:normal;}

[Lixyr]

De rien

[Sayali]

Merci beaucoup pour ce nouvel élément de réponse. Ca marche niquel =)

J'ai pas fini la mise en page du forum, mais pour ne pas faire traîner ce topic, je mets en résolu =)

Encore merci à tout le monde !