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

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 le 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
*

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 le 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
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 le 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
*****

Masculin
Messages : 718
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 le 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
*

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


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