Problème de texte qui dépasse hors du cadre du profil.

3 participants

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

Résolu Problème de texte qui dépasse hors du cadre du profil.

Message par Cristallou Mar 9 Déc 2014 - 15:03

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Installation d'un profil "ouvrir/fermer"
Lien du forum : http://showdown-designed.forumactif.fr/

Description du problème

Bonjour,
je viens requérir votre aide pour un problème de profil. Nous avons en effet récemment installé un système "ouvrir/fermer" avec des images pour notre profil puis nous avons touché au CSS afin de modifier les couleurs et formes des différents composants de ce profil. Toutefois, nous notons un petit problème : si le profil garde bien sa largeur définie de 200 pixels mais le texte dépasse et empiète sur le message, ce qui n'est ni pratique, ni esthétique.

CSS :
Code:
.profils {
  background: #D3DBE8;
  border: 1px solid #406499;
  text-align: justify;
  margin: 5px;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid white;
  background-color: white;
  max-width: 210px;
}

.pseudotopics {
  text-align: center;
  font-size: 28px;
  font-weight: normal;
  padding-bottom: 4px;
  font-family: time new roman;
  font-style: italic;
  text-shadow:0px 0px 1px;
}

.img_avatar {
  border-radius: 0px;
  z-index:1;
}

.postdetails.poster-profile img {
  display:block;
  width: 200px;
  text-align: center;
}

.profil_detail {
  background-color:#FAE9F1;
  margin-top:-7px;
  padding:3px;
  border-radius:3px;
  text-align: justify;
}

Template :

Code:
<tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
                  <div class="profils"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong><div class="pseudotopics">{postrow.displayed.POSTER_NAME}</div></strong></span>
            <span class="postdetails poster-profile">
                                  <div class="img_avatar"><center>{postrow.displayed.POSTER_AVATAR}</center></div>
                                 
                                  <div onClick="this.firstChild.src=(this.firstChild.src=='http://img15.hostingpics.net/pics/941798Profil001.png')?'http://img15.hostingpics.net/pics/643165Profil01.png':'http://img15.hostingpics.net/pics/941798Profil001.png';this.lastChild.style.display=(this.firstChild.src=='http://img15.hostingpics.net/pics/941798Profil001.png')?'none':'block';" style="text-align: center; padding: 3px;"><input type="image" src="http://img15.hostingpics.net/pics/941798Profil001.png"/><div style="display: none; text-align: left;"><span style="white-space:nowrap;"><br />
                                    <!-- BEGIN profile_field -->
                                    <div class="profil_detail" width="200"><b>{postrow.displayed.profile_field.LABEL}</b> {postrow.displayed.profile_field.CONTENT}</div>
            <!-- END profile_field -->
            <b>{postrow.displayed.POSTER_RPG}</b><br /></div></div>
                                    <center>{postrow.displayed.RANK_IMAGE}</center>
        </div></span><br />

En vous remerciant par avance,
Tao.


Dernière édition par Cristallou le Mer 10 Déc 2014 - 11:15, édité 1 fois
Cristallou

Cristallou
*

Féminin
Messages : 32
Inscrit(e) le : 22/12/2009

http://showdown.bb-fr.com/
Cristallou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de texte qui dépasse hors du cadre du profil.

Message par Nelliel Mar 9 Déc 2014 - 16:51

Hmm as-tu essayé avec un width dans la partie profil_detail ? Qui limite alors le fond de ta zone de texte.

Code:
.profil_detail {
  background-color:#FAE9F1;
width: 224px;
  margin-top:-7px;
  padding:3px;
  border-radius:3px;
  text-align: justify;
}

Nelliel

Nelliel
Nouveau membre

Féminin
Messages : 25
Inscrit(e) le : 05/12/2014

http://www.yesyou-can.com/
Nelliel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de texte qui dépasse hors du cadre du profil.

Message par Luluwebmaster Mar 9 Déc 2014 - 21:20

Salut,

Je te conseil aussi d'essayer la propriété "word-wrap: break-word;" qui permet de forcer le retour à la ligne Wink
Luluwebmaster

Luluwebmaster
*****

Masculin
Messages : 723
Inscrit(e) le : 10/10/2012

http://test-luluwebmaster.lebonforum.com/
Luluwebmaster a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de texte qui dépasse hors du cadre du profil.

Message par Cristallou Mer 10 Déc 2014 - 11:15

Bonjour,
j'ai finalement trouvé la solution par moi-même. Il suffisait d'enlever le style="white-space:nowrap;" du <span style="white-space:nowrap;"> qui traîne quelque part dans le template.
Merci tout de même pour les réponses apportées !
Tao.
Cristallou

Cristallou
*

Féminin
Messages : 32
Inscrit(e) le : 22/12/2009

http://showdown.bb-fr.com/
Cristallou 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