Problème de texte qui dépasse hors du cadre du profil.
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Problème de texte qui dépasse hors du cadre du profil.
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
Re: Problème de texte qui dépasse hors du cadre du profil.
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;
}
Re: Problème de texte qui dépasse hors du cadre du profil.
Salut,
Je te conseil aussi d'essayer la propriété "word-wrap: break-word;" qui permet de forcer le retour à la ligne
Je te conseil aussi d'essayer la propriété "word-wrap: break-word;" qui permet de forcer le retour à la ligne
Re: Problème de texte qui dépasse hors du cadre du profil.
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.
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.
Sujets similaires
» Le texte des messages dépasse du cadre
» Texte hors cadre
» Contenu du forum qui dépasse le cadre
» Problème d'affichage: post hors cadre trop larges
» Cadre de réponses rapides qui dépasse
» Texte hors cadre
» Contenu du forum qui dépasse le cadre
» Problème d'affichage: post hors cadre trop larges
» Cadre de réponses rapides qui dépasse
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum