Problème de structure de page

[Alika]

Rappel du premier message :

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Internet Explorer
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Impossible de changer la grandeur de la structure du forum
Lien du forum : http://mysteresdelavie.forum-canada.com/

Description du problème

Bonjour, bien voilà presque 3 jours que je creuse ici et là pour régler ce problème, ainsi, j'ai changé la longueur de mes titres et de mon logo de la page principale croyant être le problème mais rien à faire.

Si je vais dans mes sous-forum pas de problème j'ai la grandeur voulu mais dès que je reviens sur la page principale la structure redevient plus grande.

Merci de bien vouloir m'aider

[Alika]

page d'accueil ? http://desangesparminous.forum-canada.com/

[Miettes]

Ah j'avais vu un autre petit souci ^^

Dans Panneau d'admin > Général > Forum > Configuration > Largeur du forum (nombre ou %) :

Il y a un espace entre le chiffre et le % non ? Si oui, il faudrait le supprimer.

Sur chrome ça corrige tout seul (voilà pourquoi je ne le voyais pas ^^)

Et si ça ne corrige pas, tupourrais me dire si tu as des templates modifiés ? (et les donner ici ^^ )

[Alika]

Général : index_box Page d'accueil - affichage des catégories Valeur par défaut Publié
et : overall_header Haut de page Valeur par défaut Publié

[Miettes]

Tu peux me montrer le "index_box" stp ?

[Alika]

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 class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>
   <!-- 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">&nbsp;</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 center" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </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>
      </td>
      <td class="row3" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
            <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->

         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
   </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><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

[Miettes]

Bon bah il s'agit toujours de tes images de titre

Il font 600px de large. Vue qu'on dit que la largeur max de l'image c'est la largeur de celle-ci (oui je sais, c'est un peu compliqué ) Et bien l'image pousse jusqu'à 600px et déforme le forum.

Du coup, on va améliorer notre CSS

Dans le cas où tu as une image petite image, on va mettre une classe css "small". Par exemple avec les news :

Code:

<img src="http://i18.servimg.com/u/f18/17/96/38/69/pannea21.gif" class="small" />

Et dans la CSS, on va remplacer ça :

Code:

.forumline .hierarchy .forumlink img {
display: block;
max-width: 100%;
width: inherit;
}

par ça :

Code:

.forumline .hierarchy .forumlink img {
    display: block;   
}

.forumline .hierarchy .forumlink img.small{
    max-width: 100%;
    width: inherit;
}

[Alika]

Bon bien ce n'est pas grave, je prends tout ça en note et je verrai lorsque j'aurai fini de créer mon nouveau thème qui sera surement avec des titres moins larges.

Un grand merci pour ce long travail