Soucis de taille / apparences de catégories

2 participants

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

Résolu Soucis de taille / apparences de catégories

Message par Missindo Mar 7 Oct 2014 - 11:41

Détails techniques


Version du forum : phpBB2
Poste occupé : Invité
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 06/10/2014
Lien du forum : http://reverse-twilight.forumgratuit.org/

Description du problème

Bonjour, mes membres et moi même venons de remarquer que nos catégories bugaient complètement. Elles sont plus collé sur la droite et deviennent plus petites J'ai beau chercher à droite et à gauche depuis hier soir je sèche complètement T_T

Sur la page d'accueil elles sont très bien comme le montre l'image suivante
Spoiler:

Mais lorsque l'on clic par exemple pour certaine partie comme les poste libre, le lycée, ou encore les présentations, l'on vois ce genre de chose
Spoiler:

Au cas où si ça peut aider je vous mets le template

Code:
 <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
          <tr>
              <td valign="bottom">
                <!-- BEGIN switch_user_logged_in -->             
                <!-- 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 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"> {catrow.tablehead.L_FORUM} </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"> </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">
                      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
       
                    </span>
                </h{catrow.forumrow.LEVEL}>
                      <table width="100%"><tr><td  width="80%"></td><td class="stats"><span class="gensmall">{catrow.forumrow.TOPICS} sujets | {catrow.forumrow.POSTS} messages</span></td></tr><td width="80%"><div class="descrip"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div></td><td  width="25%"class="sousfo"><div><span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span><script type="text/javascript">
          jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br/>')).removeAttr('id');
        </script></div></td></tr></table>
                <span class="gensmall">
                    <!-- BEGIN switch_moderators_links -->
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->
                            </span>
                </span>
              </td>
              <td class="row3 over" align="center" valign="middle" height="50">
                <div class="lastm"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
              </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 -->

et le css :

Code:
        /*fond description*/
        .descrip{
        background-color: #8c8181;/*couleur de fond*/
        padding: 5px;/*marge intérieure*/
        margin: 5px;/*marge extérieure*/
        }
       
        /*sous-forums*/
        .sousfo{
        background-color: #8c8181;/*couleur de fond*/
        padding: 5px;/*marge intérieure*/
        margin: 5px;/*marge extérieure*/   
        }

        /*statistiques*/
        .stats{
        background-color: #8c8181/*couleur de fond*/
        padding: 5px;/*marge intérieure*/
        margin: 5px;/*marge extérieure*/
        }
       
        /*dernier message*/
        .lastm{
        background-color: #8c8181;/*couleur de fond*/
        padding: 5px;/*marge intérieure*/
        margin: 5px;/*marge extérieure*/
        }
        .sousfo div{
            max-height: 80px !important;
            overflow-y: scroll;
        }

Merci d'avance à la personne sachant éclairer ma lanterne


Dernière édition par Missindo le Mar 7 Oct 2014 - 18:58, édité 1 fois
Missindo

Missindo
****

Féminin
Messages : 438
Inscrit(e) le : 20/07/2011

http://coeur-et-force.forumactif.com/
Missindo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis de taille / apparences de catégories

Message par MlleAlys Mar 7 Oct 2014 - 18:12

Bonjour,
essayez avec ce template :
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
    <tr>
        <td valign="bottom">
            <!-- BEGIN switch_user_logged_in -->
            <!-- END switch_user_logged_in -->
            <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
        </td>
    </tr>
    <tr>
        <td class="gensmall" align="right" valign="bottom">
            <!-- 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">{catrow.tablehead.L_FORUM}</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"></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">
                                <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                            </span>
                        </h{catrow.forumrow.LEVEL}>
                        <table width="100%">
                            <tr>
                                <td width="80%"></td>
                                <td class="stats"><span class="gensmall">{catrow.forumrow.TOPICS} sujets | {catrow.forumrow.POSTS} messages</span>

                                </td>
                            </tr>
                            <tr>
                                <td width="80%">
                                    <div class="descrip"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span>

                                    </div>
                                </td>
                                <td width="25%" class="sousfo">
                                    <div><span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>

                                        <script type="text/javascript">
                                            jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g, '<br/>')).removeAttr('id');
                                        </script>
                                    </div>
                                </td>
                            </tr>
                        </table> <span class="gensmall">
                    <!-- BEGIN switch_moderators_links -->
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->
                        </span>
                    </td>
                    <td class="row3 over" align="center" valign="middle" height="50">
                        <div class="lastm"><span class="gensmall">{catrow.forumrow.LAST_POST}</span>

                        </div>
                    </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" />
        </td>
    </tr>
</table>
<!-- END tablefoot --><!-- END catrow -->
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

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

Résolu Re: Soucis de taille / apparences de catégories

Message par Missindo Mar 7 Oct 2014 - 18:58

C'est parfait, c'est justement ce qu'il me fallait merci beaucoup à toi
Missindo

Missindo
****

Féminin
Messages : 438
Inscrit(e) le : 20/07/2011

http://coeur-et-force.forumactif.com/
Missindo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis de taille / apparences de catégories

Message par MlleAlys Mar 7 Oct 2014 - 19:03

euh... non, il n'y a pas un souci sur la page d'accueil ? à moins que le problème ne vienne d'un autre template modifié ? Oo J'ai peut être juste fait un erreur quelque part, désolée ^^" Je recommence...

EDIT :
Essayez plutôt comme ça :
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
    <tr>
        <td valign="bottom">
            <!-- BEGIN switch_user_logged_in -->
            <!-- 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 -->
            <!-- END switch_user_logged_in -->
        </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">{catrow.tablehead.L_FORUM}</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"></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">
                      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                    </span>

            </h{catrow.forumrow.LEVEL}>
            <table width="100%">
                <tr>
                    <td width="80%"></td>
                    <td class="stats"> <span class="gensmall">{catrow.forumrow.TOPICS} sujets | {catrow.forumrow.POSTS} messages</span>

                    </td>
                </tr>
                <tr>
                    <td width="80%">
                        <div class="descrip"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
                        </div>
                    </td>
                    <td width="25%" class="sousfo">
                        <div><span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>

                            <script type="text/javascript">
                                jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g, '<br/>')).removeAttr('id');
                            </script>
                        </div>
                    </td>
                </tr>
            </table>
            <span class="gensmall">
                <!-- BEGIN switch_moderators_links -->
                {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                <!-- END switch_moderators_links -->
            </span>
        </td>
        <td class="row3 over" align="center" valign="middle" height="50">
            <div class="lastm"><span class="gensmall">{catrow.forumrow.LAST_POST}</span>
            </div>
        </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 -->
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys 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