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

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

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

Message par Andrea4ever le Mer 14 Mar 2012 - 1:10

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://i872.photobucket.com/albums/ab289/Alodis27/OUAT%20forum/fondcathautcopie-1.png'); 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://i872.photobucket.com/albums/ab289/Alodis27/OUAT%20forum/fondcatbascopie.png" 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 =)


Dernière édition par Andrea4ever le Dim 18 Mar 2012 - 22:46, édité 1 fois

Andrea4ever
****

Féminin
Messages : 214
Inscrit(e) le : 28/03/2008

http://www.siimply-lisa.net
Andrea4ever a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage de l'image du haut des catégories

Message par Matriochka le Mer 14 Mar 2012 - 12:41

Bonjour,

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

Merci par avance.

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Décalage de l'image du haut des catégories

Message par Andrea4ever le Mer 14 Mar 2012 - 13:25

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 Wink

http://onceuponatime.1talk.net

Andrea4ever
****

Féminin
Messages : 214
Inscrit(e) le : 28/03/2008

http://www.siimply-lisa.net
Andrea4ever a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage de l'image du haut des catégories

Message par Matriochka le Mer 14 Mar 2012 - 13:31

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…

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Décalage de l'image du haut des catégories

Message par Andrea4ever le Mer 14 Mar 2012 - 13:39

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

Andrea4ever
****

Féminin
Messages : 214
Inscrit(e) le : 28/03/2008

http://www.siimply-lisa.net
Andrea4ever a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage de l'image du haut des catégories

Message par Matriochka le Mer 14 Mar 2012 - 13:39

Mettez simplement 750 Wink

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Décalage de l'image du haut des catégories

Message par Andrea4ever le Mer 14 Mar 2012 - 13:42

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

Andrea4ever
****

Féminin
Messages : 214
Inscrit(e) le : 28/03/2008

http://www.siimply-lisa.net
Andrea4ever a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage de l'image du haut des catégories

Message par Andrea4ever le Ven 16 Mar 2012 - 17:39

Up =)

Andrea4ever
****

Féminin
Messages : 214
Inscrit(e) le : 28/03/2008

http://www.siimply-lisa.net
Andrea4ever a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage de l'image du haut des catégories

Message par Andrea4ever le Sam 17 Mar 2012 - 21:14

Up =)

Andrea4ever
****

Féminin
Messages : 214
Inscrit(e) le : 28/03/2008

http://www.siimply-lisa.net
Andrea4ever a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage de l'image du haut des catégories

Message par Scoubifitz le Dim 18 Mar 2012 - 1:16

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://i872.photobucket.com/albums/ab289/Alodis27/OUAT%20forum/fondcathautcopie-1.png'); 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://i872.photobucket.com/albums/ab289/Alodis27/OUAT%20forum/fondcatbascopie.png" alt="" height="230" width="840" /></center><br><br><!-- END tablefoot --><!-- END catrow -->

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage de l'image du haut des catégories

Message par Andrea4ever le Dim 18 Mar 2012 - 22:44

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

Andrea4ever
****

Féminin
Messages : 214
Inscrit(e) le : 28/03/2008

http://www.siimply-lisa.net
Andrea4ever a été remercié(e) par l'auteur de ce sujet.

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