Problème de CSS text-align

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

Résolu Problème de CSS text-align

Message par Sayali le Dim 29 Avr 2012 - 22:48

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://illiweb.com/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 ^^


Dernière édition par Sayali le Mar 1 Mai 2012 - 15:33, édité 1 fois

Sayali
**

Messages : 74
Inscrit(e) le : 03/03/2012

http://naturaliart.forums-actifs.com/
Sayali a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de CSS text-align

Message par Scoubifitz le Dim 29 Avr 2012 - 23:30

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">

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de CSS text-align

Message par Sayali le Dim 29 Avr 2012 - 23:48

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.

Sayali
**

Messages : 74
Inscrit(e) le : 03/03/2012

http://naturaliart.forums-actifs.com/
Sayali a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de CSS text-align

Message par Lixyr le Lun 30 Avr 2012 - 0:17

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.

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de CSS text-align

Message par Sayali le Lun 30 Avr 2012 - 0:54

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 =)

Sayali
**

Messages : 74
Inscrit(e) le : 03/03/2012

http://naturaliart.forums-actifs.com/
Sayali a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de CSS text-align

Message par Scoubifitz le Lun 30 Avr 2012 - 14:16

bonne idée pour le div ... thumright

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

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de CSS text-align

Message par Lixyr le Lun 30 Avr 2012 - 19:52

De rien Wink





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de CSS text-align

Message par Sayali le Mar 1 Mai 2012 - 15:33

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 !

Sayali
**

Messages : 74
Inscrit(e) le : 03/03/2012

http://naturaliart.forums-actifs.com/
Sayali a été remercié(e) par l'auteur de ce sujet.

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


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