Modification viewtopic_body : profil caché, problème de taille !

[Stella III]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Plusieurs utilisateurs
Problème apparu depuis : nouveau code ^^
Lien du forum : http://lesdoublagesdisney.forumgratuit.be/

Description du problème

Bonjour à tous !

Alors J'ai modifié le Template viewtopic_body afin de cacher le profil et de l'afficher en cliquant sur une image. Ca, ça fonctionne, c'est cool.

Au début, quand je cliquais dessus, ça m'élargissait la case afin d'afficher tout le texte.

J'ai donc ajouté le code suivant :

Code:

.profilmasque
{width:150px;
text-align: justify;}

Maintenant, quand je clique sur "profil", ça ne s'agrandit pas .. En revanche, le texte dépasse de la case et va se superposer au texte du sujet !

J'aimerais donc que tout tienne dans la case en 150px et que ça soit justifié...

Je vous donne donc le code que j'ai. Je savais pas où le commencer/où l'arrêter mais je pense que ça va ...

Merci d'avance de votre aide !

Code:

 <!-- 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></div></div>
     
                                        <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
         
          <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
                  <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}  <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
                  <td valign="top" nowrap="nowrap" class="post-options">
                      {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                  </td>
                </tr>
                <tr>
                  <td colspan="2" class="hr">
                      <hr />
                  </td>
                </tr>
                <tr>
                  <td colspan="2">
                      <!-- BEGIN switch_vote_active -->

[Teurancher]

Oy o/
Avec le code suivant, on fait apparaître une barre défilante à place:

Code:

.profilmasque {
    text-align: justify;
    width: 150px;
    overflow: initial;
}

[Stella III]

Bonjour ! Merci de votre réponse.
Malheureusement, ça ne fonctionne pas ...

[Invité]

bonjour avez vous placé dans votre template au niveau du input

une

Code:

<span style="white-space:nowrap;"</span>

si oui modifier en

Code:

<span style="white-space:initial;"</span>

[Teurancher]

Navré, j'ai oublié le plus important. Le code suivant fonctionne mais celui de R-max est plus efficace. Je le mets quand même dans le doute:

Code:

.profilmasque {
    text-align: justify;
    width: 150px;
    overflow: auto;
}

[Invité]

bonjour Teurancher , le overflow:auto affichera une scrollbar , pas très beau au visuel ,
comme apparemment stella a forcé le span a rester sur une ligne , c'est cette fonction qu'il faut modifier .

salutation,

[Teurancher]

Yup. Je l'ai quand même mis dans le doute.

[Stella III]

Merci de votre aide, Teurancher !

R-max, merci de votre aide de la dernière fois ! (Vous devez aider tellement de gens que vous ne vous en souvenez pas, mais le sujet a été clôturé avant que je ne puisse me repencher sur le sujet et vous remercier).

Donc ! Ca fonctionne, ça ne dépasse plus sur le sujet. Mais ce n'est pas justifié !

[Invité]

Merci Stella comme tu dis .ont oublié ^^.
Teurancher et aussi un aidactifs. Très présent. Sur les sujets
Ajouté une classe à votre span et ajouter le justifie dans le css..
Je ne promet rien .il faut tester. .
Bonne aprem.

[Stella III]

Coucou !
J'avais quelque chose dans mon code qui spécifiait un align à gauche, je l'ai mis en justify et hop !

Merci à vous deux !

[Chacha]

Coucou !
J'avais quelque chose dans mon code qui spécifiait un align à gauche, je l'ai mis en justify et hop !

Merci à vous deux !

..	Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif