Espace impossible à modifier entre avatar et le reste.

Page 2 sur 2 Précédent  1, 2

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

Résolu Espace impossible à modifier entre avatar et le reste.

Message par julworld le Lun 16 Avr 2012 - 16:43

Rappel du premier message :

Bonjour,

Voici le problème que je rencontre, en image:
******

Après mon avatar, il y a un grand espace... j'aimerais le supprimer, pour avoir les informations du profil, qui soient à côté de l'avatar.
Le seul problème est que pour arriver à ce résultat, j'ai tenté pleins de choses, mais rien n'y fait, l'écart reste toujours aussi important.

Voici mon tempalte viewtopic_body :
Code:
******

Merci d'avance à ceux qui vont m'aider.
(edit: lien de mon forum si nécéssaire: ****** )


Dernière édition par julworld le Dim 10 Juin 2012 - 17:00, édité 1 fois

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace impossible à modifier entre avatar et le reste.

Message par Ea le Mer 6 Juin 2012 - 13:56

Il y a 100% au deux cases, si je fais juste ce que j'ai dis ( le 100% à la case qu'on veut qui prenne le plus et le code css ), ça me semble ok :

- maintenant : http://i.imgur.com/Vseoz.png
- en ayant fait ce que je disais de faire : http://i.imgur.com/p3MIb.png


Cordialement.

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

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

Résolu Re: Espace impossible à modifier entre avatar et le reste.

Message par julworld le Mer 6 Juin 2012 - 14:46

Bonjour,

Ah, merci, c'est bon, le problème est réglé sous google chrome.
Cependant, un reste un écart sur Internet Explorer et Mozilla.
Comment faire pour adapter cela aux autres versions de navigateur ?

Voici la partie du template, si ça peut aider :
Code:
<!-- BEGIN postrow -->
<!-- BEGIN displayed -->
<tr class="post">
  <td class="fondprofil" valign="top" width="72">
    <a name="{postrow.displayed.U_POST_ID}"></a>{postrow.displayed.POSTER_AVATAR}
  </td>
  <td class="fondprofil" valign="top" width="100%">
    <div style="width: 100%; height: 65px; overflow: auto">
      <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
      <a name="{postrow.displayed.U_POST_ID}"></a>       
      <span class="name">{postrow.displayed.POSTER_NAME}</span>       
      <br />
        <span class="postdetails poster-profile">
          {postrow.displayed.POSTER_RANK}<br />{postrow.displayed.RANK_IMAGE}
          <!-- BEGIN profile_field -->
          <font size=1>{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</font>
          <!-- END profile_field -->
          {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field -->
          {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
        </span>
        <img src="http://illiweb.com/fa/empty.gif" alt="" style="width: 150px; height:1px;" />     
    </div> 
  </td>
</tr>

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace impossible à modifier entre avatar et le reste.

Message par Ea le Mer 6 Juin 2012 - 14:56

Je n'ai pas ie, mais pour firefox ça va également chez moi :
http://i.imgur.com/CMEs3.png


Cordialement.

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

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

Résolu Re: Espace impossible à modifier entre avatar et le reste.

Message par julworld le Mer 6 Juin 2012 - 15:37

Effectivemment, j'ai à nouveau vérifier, cela fonctionne bien sous Frefox. (j'avais oublié d'actualiser ^^ ). Mais sous IE, ça ne fonctionne toujours pas, et plusieurs de mes membres, utilisent aussi IE, sans compter les prochains qui arriveront. Comment faire ?

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace impossible à modifier entre avatar et le reste.

Message par Ea le Mer 6 Juin 2012 - 16:01

Dur à dire vu que je n'ai pas IE.

D'après leur marketing à partir du 9 ça devient moins de la daube, donc bizarre que ça n'agisse pas comme les bons navigateurs.

Cela vient peut-être du fait qu'à chaque ligne il n'y a pas le même nombre de case.

Par exemple la ligne de titre :

Code:
<tr align="right">
  <td class="catHead" colspan="3" height="28">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tbody>
        <tr>
          <td width="9%" class="noprint">
          </td>
          <td align="center" class="t-title">
            <h1 class="cattitle">
              Lancement Secret Story 6 devant plus de 4 millions de télespectateurs.
            </h1>
          </td>
          <td align="right" width="9%" class="browse-arrows">
            <a href="/t10p-lancement-secret-story-6-devant-plus-de-4-millions-de-telespectateurs"><img class="sprite-arrow_subsilver_left" src="http://illiweb.com/fa/empty.gif" alt="Voir le sujet précédent"></a><a href="/t10n-lancement-secret-story-6-devant-plus-de-4-millions-de-telespectateurs"><img class="sprite-arrow_subsilver_right" src="http://illiweb.com/fa/empty.gif" alt="Voir le sujet suivant"></a><a href="#bottom"><img class="sprite-arrow_subsilver_down" src="http://illiweb.com/fa/empty.gif" alt="Aller en bas"></a>
          </td>
        </tr>
      </tbody>
    </table>
  </td>
</tr>
3 cases de large.

La ligne avec les infos :

Code:
<tr class="post">
  <td class="fondprofil" valign="top" width="72px">
    <a name="29"></a><a href="/u1"><img src="http://r24.imgfast.net/users/2416/14/03/24/avatars/1-63.png" alt=""></a>
  </td>
  <td class="fondprofil" valign="top" width="100%">
    <div style="width: 100%; height: 65px; overflow: auto">
      <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
      <a name="29"></a><span class="name"><a href="/u1"><span style="color:#000099"><strong>Oryginal</strong></span></a></span><br><span class="postdetails poster-profile"><img src="http://illiweb.com/fa/empty.gif"><br><font size="1"><span style="white-space:nowrap;"><span style="color:#525252;">Messages</span>:</span>27<br></font><a href="/u1" class="profile-icon" title="Voir le profil de l'utilisateur"><img src="http://illiweb.com/fa/saphic/icon_profile_fr.gif" class="i_icon_profile" alt="Voir le profil de l'utilisateur"></a></span><img src="http://illiweb.com/fa/empty.gif" alt="" style="width: 150px; height:1px;">
    </div>
  </td>
</tr>
2 cases de large.

Le contenu du message :

Code:
<tr>
  <td class="row1" valign="top" width="100%" height="18" colspan="2">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tbody>
        <tr>
          <td class="infoprofil2">
            <span class="postdetails"><font color="white"> <img src="http://illiweb.com/fa/subsilver/icon_minitime.gif" alt="" border="0">Mar 8 Mai - 18:23</font></span>
          </td>
          <td valign="top" nowrap="nowrap" class="infoprofil2" align="right">
             
          </td>
        </tr>
        <tr>
          <td colspan="2">
            <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:100%; height:1px">
          </td>
        </tr>
        <tr>
          <td colspan="2">
            <br>
            <div class="postbody">
              <div>
                <div style="margin:auto;text-align:center;width:100%">
                  <a href="http://oryginalite.forumgratuit.org/t10-lancement-de-secret-story-saison-6" class="postlink"><img src="http://i42.servimg.com/u/f42/17/12/00/42/storys10.jpg" border="0" alt=""></a><br><br>
                  <div align="justify">
                    <span style="font-size: 16px; line-height: normal"><br>Hier soir a eu lieu le lancement de la nouvelle saison de Secret Story, sur TF1. Ce démarrage, a été suivi par plus de 4 millions de télespectateurs, ce qui place le programme en tête des audiences, durant la soirée. Voici ci-dessous, ce que réserve cette nouvelle saison de Secret Story.<br><br><br>"Cette 6ème édition devrait jouer bien des tours aux habitants de la Maison des Secrets ! Comme chaque année, des candidats à la personnalité et aux secrets uniques ont en effet accepté l'invitation de la Voix. Mais sont-ils vraiment conscients de tous les pièges qui les attendent ?<br><br>Tout sera mis en œuvre pour les surprendre et l'enquête sera mise plus que jamais au coeur du jeu.<br><br>Pour la première fois, dans "Secret Story", les habitants auront à leurs dispositions des éléments totalement nouveaux pour avancer dans leurs investigations. Des outils innovants et de nouvelles pièces secrètes vont ainsi faire leur apparition pour accentuer la compétition entre les candidats. En effet, dès la 1ère semaine, le moindre faux-pas pourra s'avérer fatal pour les habitants...<br><br>Pour les accueillir, la Voix a fait le tour du Monde pour construire une maison étonnante et gigantesque avec plus de 1000 m2.<br><br>Parmi les autres nouveautés de la saison, un étrange téléphone noir fera son apparition. De nouveaux espaces de vie viendront également renforcer l'impression de mystère qui se dégage de la Maison des Secrets.<br><br>"Secret Story" sera aussi très présente sur MYTF1. Plus interactive que jamais, la saison 6 a également été pensée pour que le public se sente partie prenante de l'aventure dès les 1ères secondes de l'émission via l'ensemble des réseaux sociaux et, notamment, sur la fan page officielle<strong>Secret Story Facebook</strong>qui compte 2,5 millions de fans et sur le compte Twitter officiel de<strong>Secret Story 6</strong>".<br><br></span>
                  </div>
                </div>
              </div>
              <br>
              <div class="clear">
              </div>
              <div class="signature_div">
              </div>
            </div>
            <span class="gensmall"></span>
          </td>
        </tr>
      </tbody>
    </table>
  </td>
</tr>
2 cases de large.

Et la ligne du bas :

Code:
<tr align="right">
  <td class="catBottom" colspan="3" height="28">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tbody>
        <tr>
          <td width="9%" class="noprint">
          </td>
          <td align="center" class="t-title">
            <a name="bottomtitle"></a>
            <h1 class="cattitle">
              Lancement Secret Story 6 devant plus de 4 millions de télespectateurs.
            </h1>
          </td>
          <td align="right" nowrap="nowrap" width="9%" class="browse-arrows">
            <a href="/t10p-lancement-secret-story-6-devant-plus-de-4-millions-de-telespectateurs"><img class="sprite-arrow_subsilver_left" src="http://illiweb.com/fa/empty.gif" alt="Voir le sujet précédent"></a><a href="/t10n-lancement-secret-story-6-devant-plus-de-4-millions-de-telespectateurs"><img class="sprite-arrow_subsilver_right" src="http://illiweb.com/fa/empty.gif" alt="Voir le sujet suivant"></a><a href="#top"><img class="sprite-arrow_subsilver_up" src="http://illiweb.com/fa/empty.gif" alt="Revenir en haut"></a>
          </td>
        </tr>
      </tbody>
    </table>
  </td>
</tr>
3 cases de large.

Enfin normalement, si au premier niveau du tableau où les cases ont une largeur ( la ligne avec l'avatar et les infos ici ), il y a des largeurs fixes, et une largeur de 100%, ça devrait juste donner les largeurs fixes et donner tout le reste à celle avec 100%.

Mais peut-être qu'avec le nombre de case qui est une fois 2 ou une fois 3 ça pose problème sur IE ( enfin ça me semblerait bizarre tout de même, mais c'est déjà bizarre que ça ne fonctionne pas )

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

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

Résolu Re: Espace impossible à modifier entre avatar et le reste.

Message par julworld le Ven 8 Juin 2012 - 18:38

J'ai essayé en modifiant ces réglages... mais non, rien ne change. Si vous n'avez pas d'autres idées, solutions... ce n'est pas grave, je mettrais mon sujet comme étant "résolu". Wink

edit : Le problème a été résolu. Merci. Very Happy

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 2 Précédent  1, 2

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