Décalage de l'image du haut des catégories

[Andrea4ever]

Bonjour ou Bonsoir, cela dépends où vous vous situez ^^

Je sais que le titre n'est pas très explicatif, alors je vous mets une capture :

Dans le cadre blanc, c'est logiquement le fond des catégories du bas, là tout va bien. Dans le cadre rouge par contre, celles du haut, peu importe la taille de l'image que je mets, y'a toujours un décalage. J'ai essayé de modifier la taille dans le code, rien à faire non plus =/



Voilà mon index box, des fois que....

Code:

        <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
              <tr>
                  <td valign="bottom">
                    <!-- BEGIN switch_user_logged_in -->
                    <span class="gensmall">{LAST_VISIT_DATE}<br />
                    {CURRENT_TIME}<br />
                    </span>
                    <!-- END switch_user_logged_in -->
                    <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
                  </td>
                  <td class="gensmall" align="right" valign="bottom">
                    <!-- BEGIN switch_user_logged_in -->
                    <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
                    <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
                    <!-- END switch_user_logged_in -->
                    <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
                  </td>
              </tr>
            </table>
            <!-- BEGIN catrow --><!-- BEGIN tablehead --><table style="background: url('http://illiweb.com/fa/pbucket.gif'); background-repeat: no-repeat; background-position: center; height:210px; width:845px;">
        <tr>
          <td colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle" align="center"> {catrow.tablehead.L_FORUM} </td>
        </tr>
        </table>
       
        <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="1">
       
       
              <!-- END tablehead -->
              <!-- BEGIN cathead -->
              <tr>
                  <!-- BEGIN inc -->
                  <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
                  <!-- END inc -->
                  <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
                    <h{catrow.cathead.LEVEL} class="hierarchy">
                        <span class="cattitle">
                          <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
                        </span>
                    </h{catrow.cathead.LEVEL}>
                  </td>
                  <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
              </tr>
              <!-- END cathead -->
              <!-- BEGIN forumrow -->
              <tr>
                  <!-- BEGIN inc -->
                  <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
                  <!-- END inc -->
                  <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
                    <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                  </td>
                  <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                    <h{catrow.forumrow.LEVEL} class="hierarchy">
                    <span class="forumlink">
                        <table width="80%"><tr><td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></td> <td align="right"></td></tr></table></span></h{catrow.forumrow.LEVEL}>
                    <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
           
            <span class="gensmall">
                        <!-- BEGIN switch_moderators_links -->
                        {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                        <!-- END switch_moderators_links -->
                        {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                      </span>
                    <BR />
         
                  </td>
                  <!-- BEGIN forum_link_no -->
       
                  <td class="row3 over" align="center" valign="middle" height="80"><div style="width:150px;">
                    <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
                    <span class="gensmall"> <br /> <br /> <b>messages:</b> {catrow.forumrow.POSTS} <br /> <b>sujets:</b> {catrow.forumrow.TOPICS}</span></div> </td>
                  <!-- END forum_link_no -->
                  <!-- BEGIN forum_link -->
                  <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
                  <!-- END forum_link -->
              </tr>
              <!-- END forumrow -->
              <!-- BEGIN catfoot -->
              <tr>
                  <!-- BEGIN inc -->
                  <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
                  <!-- END inc -->
                  <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
              </tr>
              <!-- END catfoot -->
            <!-- BEGIN tablefoot -->
                    </table><center><img src="http://illiweb.com/fa/pbucket.gif" alt="" height="210" width="845" /></center><br><br><!-- END tablefoot --><!-- END catrow -->

Merci à celui ou celle ou ceux qui prendront le temps de regarder ce problème =)

[Matriochka]

Bonjour,

Serait-il possible d’avoir un lien vers le forum dont il est question ?

Merci par avance.

[Andrea4ever]

Voilà le lien, mais je change actuellement la version donc, il est pas dispo pour les membres. Mais je vais le mettre pour qu'on puisse voir

http://onceuponatime.1talk.net

[Matriochka]

Je vois que vous avez mis votre largeur de forum en %. Il faudrait la mettre en px, ce serait beaucoup plus adapté pour ce que vous voulez faire. En la mettant sur quelque chose comme 750px, je pense que vous pourrez déjà régler une certaine quantité de vos ennuis.

Personnellement, j’ai un grand écran, le % s’adapte à ma résolution, donc je vois un écart terrible entre votre image et votre tableau.

Essayez ainsi et dites-moi ce qu’il en retourne. Il doit ensuite y avoir d’autres réglages à faire car je doute que cela résolve le problème entièrement…

[Andrea4ever]

Etrangement, je ne peux pas écrire 750px, y'a plus de place dans la case, il prends seulement 75px..normal ou pas ?

[Matriochka]

Mettez simplement 750

[Andrea4ever]

Pas sûre que ça ai changé quoi que ce soit. Il reste toujours un écart, petit certes, mais toujours là.

[Andrea4ever]

Up =)

[Andrea4ever]

Up =)

[Scoubifitz]

bonsoir,

votre image du haut a une largeur de 840px , mise en image de fond dans un tableau de 845px de large ...

votre image du bas a 800px de large , et est redimensionnée à 845px pour s'adapter au tableau ...

pour caler tout ça , il faut mettre le tableau et le redimensionnement de l’image du bas , à 840px ...

mettez aussi la largeur du forum à 840 pour garder cette largeur sur toutes les pages ...

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
     <tr>
        <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
        </td>
        <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
        </td>
     </tr>
   </table>
   <!-- BEGIN catrow --><!-- BEGIN tablehead --><table style="background: url('http://illiweb.com/fa/pbucket.gif'); background-repeat: no-repeat; background-position: center; height:210px; width:840px;">
<tr>
  <td colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle" align="center"> {catrow.tablehead.L_FORUM} </td>
</tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="1">

     <!-- END tablehead -->
     <!-- BEGIN cathead -->
     <tr>
        <!-- BEGIN inc -->
        <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
        <!-- END inc -->
        <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
              <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
        </td>
        <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
     </tr>
     <!-- END cathead -->
     <!-- BEGIN forumrow -->
     <tr>
        <!-- BEGIN inc -->
        <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
        <!-- END inc -->
        <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
        </td>
        <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
         <span class="forumlink">
            <table width="80%"><tr><td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></td> <td align="right"></td></tr></table></span></h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
 
   <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
           </span>
         <BR />
 
        </td>
        <!-- BEGIN forum_link_no -->

        <td class="row3 over" align="center" valign="middle" height="80"><div style="width:150px;">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
         <span class="gensmall"> <br /> <br /> <b>messages:</b> {catrow.forumrow.POSTS} <br /> <b>sujets:</b> {catrow.forumrow.TOPICS}</span></div> </td>
        <!-- END forum_link_no -->
        <!-- BEGIN forum_link -->
        <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
        <!-- END forum_link -->
     </tr>
     <!-- END forumrow -->
     <!-- BEGIN catfoot -->
     <tr>
        <!-- BEGIN inc -->
        <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
        <!-- END inc -->
        <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
     </tr>
     <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
         </table><center><img src="http://illiweb.com/fa/pbucket.gif" alt="" height="230" width="840" /></center><br><br><!-- END tablefoot --><!-- END catrow -->

[Andrea4ever]

T'es un ange ! ça fonctionne à merveilles ! Merci merci merci =)