Problème largeur de profil

2 participants

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

Résolu Problème largeur de profil

Message par TShadows Sam 31 Mar 2012 - 10:52

Bonjour à tous
Alors comme le titre l'indique j'ai un soucie de largeur de profil, dans les messages.
J'ai cherché sur forum actif, j'ai essayer plusieurs chose en modifiant les templates, en touchant au Css, en vein rien n'a fonctionné...

En fait la largeur de mon profil en temps normal est de bonne taille, c'est lorsque l'on clique sur les information du profil en dessous que ça déforme tout, je sais pas si c'est clair, je vous donne donc un aperçu:

Spoiler:

Comme vous pouvez le voir, la largeur du cadre est bien trop grande!!
J'ai supprimé mes essai dans les css. Par ailleurs je tiens à prévenir que j'ai modifié le Template Viewtopics-body, ce n'est pas le template par Default.

A mon souvenir je n'ai modifié que cette partie de mon templates:
Code:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="border-bottom: 0px;">
   <tr align="right">
      <td class="catHead" colspan="3" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint"> </td>
               <td align="center" class="t-title">
                  <h1 class="cattitle"> {TOPIC_TITLE}</h1>
               </td>
               <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN topicpagination -->
   <tr>
      <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   <!-- END topicpagination -->
   {POLL_DISPLAY}
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- BEGIN postrow -->
   <!-- BEGIN displayed -->
   <tr class="post">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="200">
            <span class="postdetails poster-profile">
              <center>{postrow.displayed.POSTER_AVATAR}</center>
 
              <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong><center><font face="Georgia"size="4pt">{postrow.displayed.POSTER_NAME}</font></center></strong></span>
 
              <center><font face="Georgia"size="2pt"color:#ffffff>{postrow.displayed.POSTER_RANK}</font></center>
 
            <br><br>{postrow.displayed.RANK_IMAGE}
          <div onClick="this.firstChild.src=(this.firstChild.src=='http://i40.servimg.com/u/f40/17/10/01/52/qui_su11.jpg')?'http://i40.servimg.com/u/f40/17/10/01/52/mainte11.jpg':'http://i40.servimg.com/u/f40/17/10/01/52/qui_su11.jpg';this.lastChild.style.display=(this.firstChild.src=='http://i40.servimg.com/u/f40/17/10/01/52/qui_su11.jpg')?'none':'block';" style="text-align: center; padding: 3px;"><input type="image" src="http://i40.servimg.com/u/f40/17/10/01/52/qui_su11.jpg"/><div style="display: none; text-align: left;"><span style="white-space:nowrap;">
                    <!-- 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:200px;height:1px" />
      </td>

Je vous remercie de prendre le temps d'étudier mon problème, j'espère que j'ai donné assez d'information pour que vous m'aidiez à trouver une solution.
Bonne journée à vous.


Dernière édition par TShadows le Lun 2 Avr 2012 - 20:01, édité 1 fois
TShadows

TShadows
Nouveau membre

Messages : 27
Inscrit(e) le : 30/01/2012

http://twilight-shadows.forumtwilight.com/
TShadows a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème largeur de profil

Message par Volti-70 Dim 1 Avr 2012 - 0:48

Bonsoir
Je ne suis pas une pro, donc je donne juste mon avis Smile
Je pense que le problème vient du fait que le cadre et donc l'avatar s'adapte au texte qui est trop long.
Essaye de rajouter du css pour cette partie texte avec une largeur max (max-width:{valeur en px;} )et un retour ligne automatique (white-space:{ normal;}) pour le white-space, c'est la valeur par defaut donc peut-être pas besoin.
avatar

Volti-70
Nouveau membre

Messages : 9
Inscrit(e) le : 22/03/2012

http://troc-elfe-shop.forumactif.fr/
Volti-70 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème largeur de profil

Message par Invité Dim 1 Avr 2012 - 1:03

Coucou TShadows,

Est ce que tu peux me donner le lien ou on vois le problème 'a t'assurant que je peux y avoir accès en mode invité s'il te plait ?


@Volti un CSS sous cette forme --> white-space:{ normal;} n'existe tout simplement pas Wink!
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème largeur de profil

Message par TShadows Dim 1 Avr 2012 - 19:34

Tu peu accéder à tout le forum en tant qu'invité^^

Voici un lien : http://twilight-shadows.forumtwilight.com/t143-discussion-matinale-pv-famille-cullen

J'espère que tu vas pouvoir m'aider, en tout cas merci d'essayer Smile
TShadows

TShadows
Nouveau membre

Messages : 27
Inscrit(e) le : 30/01/2012

http://twilight-shadows.forumtwilight.com/
TShadows a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème largeur de profil

Message par Invité Dim 1 Avr 2012 - 20:03

Alors pour le texte change ta partie de template par celle-ci:


Code:
        <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="border-bottom: 0px;">
          <tr align="right">
              <td class="catHead" colspan="3" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="9%" class="noprint"> </td>
                      <td align="center" class="t-title">
                          <h1 class="cattitle"> {TOPIC_TITLE}</h1>
                      </td>
                      <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
                    </tr>
                </table>
              </td>
          </tr>
          <!-- BEGIN topicpagination -->
          <tr>
              <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
          </tr>
          <!-- END topicpagination -->
          {POLL_DISPLAY}
          <tr>
              <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
              <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
          </tr>
          <!-- BEGIN postrow -->
          <!-- BEGIN displayed -->
          <tr class="post">
              <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="200">
                    <span class="postdetails poster-profile">
                      <center>{postrow.displayed.POSTER_AVATAR}</center>
       
                      <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong><center><font face="Georgia"size="4pt">{postrow.displayed.POSTER_NAME}</font></center></strong></span>
       
                      <center><font face="Georgia"size="2pt"color:#ffffff>{postrow.displayed.POSTER_RANK}</font></center>
       
                    <br><br>{postrow.displayed.RANK_IMAGE}
                  <div onClick="this.firstChild.src=(this.firstChild.src=='http://i40.servimg.com/u/f40/17/10/01/52/qui_su11.jpg')?'http://i40.servimg.com/u/f40/17/10/01/52/mainte11.jpg':'http://i40.servimg.com/u/f40/17/10/01/52/qui_su11.jpg';this.lastChild.style.display=(this.firstChild.src=='http://i40.servimg.com/u/f40/17/10/01/52/qui_su11.jpg')?'none':'block';" style="text-align: center; padding: 3px;"><input type="image" src="http://i40.servimg.com/u/f40/17/10/01/52/qui_su11.jpg"/><div style="display: none;"><span style="white-space:nowrap;">
                            <!-- 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:200px;height:1px" />
              </td>


J'ai juste changer le texte il reste encore l'image... Quand tu clique il faut que tu change l'image par une plus petit (ta deuxième image et tout va être ok Wink!
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème largeur de profil

Message par TShadows Dim 1 Avr 2012 - 20:20

Et bien malheureusement je viens de tester, et ça na rien changé :s
les modification que tu m'as demandé d'apporter y son encore là tu peux regarder, aucun changement visible effectué :s
TShadows

TShadows
Nouveau membre

Messages : 27
Inscrit(e) le : 30/01/2012

http://twilight-shadows.forumtwilight.com/
TShadows a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème largeur de profil

Message par Invité Dim 1 Avr 2012 - 20:23

Ha désoler c'est moi qui a fait une erreur essaie avec celui-ci:
Code:
        <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="border-bottom: 0px;">
          <tr align="right">
              <td class="catHead" colspan="3" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="9%" class="noprint"> </td>
                      <td align="center" class="t-title">
                          <h1 class="cattitle"> {TOPIC_TITLE}</h1>
                      </td>
                      <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
                    </tr>
                </table>
              </td>
          </tr>
          <!-- BEGIN topicpagination -->
          <tr>
              <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
          </tr>
          <!-- END topicpagination -->
          {POLL_DISPLAY}
          <tr>
              <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
              <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
          </tr>
          <!-- BEGIN postrow -->
          <!-- BEGIN displayed -->
          <tr class="post">
              <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="200">
                    <span class="postdetails poster-profile">
                      <center>{postrow.displayed.POSTER_AVATAR}</center>
       
                      <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong><center><font face="Georgia"size="4pt">{postrow.displayed.POSTER_NAME}</font></center></strong></span>
       
                      <center><font face="Georgia"size="2pt"color:#ffffff>{postrow.displayed.POSTER_RANK}</font></center>
       
                    <br><br>{postrow.displayed.RANK_IMAGE}
                  <div onClick="this.firstChild.src=(this.firstChild.src=='http://i40.servimg.com/u/f40/17/10/01/52/qui_su11.jpg')?'http://i40.servimg.com/u/f40/17/10/01/52/mainte11.jpg':'http://i40.servimg.com/u/f40/17/10/01/52/qui_su11.jpg';this.lastChild.style.display=(this.firstChild.src=='http://i40.servimg.com/u/f40/17/10/01/52/qui_su11.jpg')?'none':'block';" style="text-align: center; padding: 3px;"><input type="image" src="http://i40.servimg.com/u/f40/17/10/01/52/qui_su11.jpg"/><div style="display: none; text-align: ;"><span style="white-space:nowrap;">
                            <!-- 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:200px;height:1px" />
              </td>

Par contre ça change le texte pas l'image.. Il faut que tu change le lien de l'image toit même Wink!
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème largeur de profil

Message par TShadows Dim 1 Avr 2012 - 20:35

Et bien non toujours rien de changer!!!
Ça semble être un problème coriace^^
TShadows

TShadows
Nouveau membre

Messages : 27
Inscrit(e) le : 30/01/2012

http://twilight-shadows.forumtwilight.com/
TShadows a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème largeur de profil

Message par Invité Lun 2 Avr 2012 - 6:55

Désoler de ce niaisage cela est de ma faute....

Avec ce code c'est bon ?
Code:
        <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="border-bottom: 0px;">
          <tr align="right">
              <td class="catHead" colspan="3" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="9%" class="noprint"> </td>
                      <td align="center" class="t-title">
                          <h1 class="cattitle"> {TOPIC_TITLE}</h1>
                      </td>
                      <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
                    </tr>
                </table>
              </td>
          </tr>
          <!-- BEGIN topicpagination -->
          <tr>
              <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
          </tr>
          <!-- END topicpagination -->
          {POLL_DISPLAY}
          <tr>
              <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
              <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
          </tr>
          <!-- BEGIN postrow -->
          <!-- BEGIN displayed -->
          <tr class="post">
              <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="200">
                    <span class="postdetails poster-profile">
                      <center>{postrow.displayed.POSTER_AVATAR}</center>
       
                      <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong><center><font face="Georgia"size="4pt">{postrow.displayed.POSTER_NAME}</font></center></strong></span>
       
                      <center><font face="Georgia"size="2pt"color:#ffffff>{postrow.displayed.POSTER_RANK}</font></center>
       
                    <br><br>{postrow.displayed.RANK_IMAGE}
                  <div onClick="this.firstChild.src=(this.firstChild.src=='http://i40.servimg.com/u/f40/17/10/01/52/qui_su11.jpg')?'http://i40.servimg.com/u/f40/17/10/01/52/mainte11.jpg':'http://i40.servimg.com/u/f40/17/10/01/52/qui_su11.jpg';this.lastChild.style.display=(this.firstChild.src=='http://i40.servimg.com/u/f40/17/10/01/52/qui_su11.jpg')?'none':'block';" style="text-align: center; padding: 3px;"><input type="image" src="http://i40.servimg.com/u/f40/17/10/01/52/qui_su11.jpg"/><div style="display: none; text-align: left;"><span style="white-space:;">
                            <!-- 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:200px;height:1px" />
              </td>
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème largeur de profil

Message par TShadows Lun 2 Avr 2012 - 20:00

Merci infiniment, ça marche enfin!!!
Merci d'avoir pris le temps de t'occuper de mon problème
Passe une bonne journée
TShadows

TShadows
Nouveau membre

Messages : 27
Inscrit(e) le : 30/01/2012

http://twilight-shadows.forumtwilight.com/
TShadows 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