Espaces indésirables

[foxies]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://swapenz.forumactif.org/

Description du problème

Bonjour, je me permets de poster une seconde fois mon problème (voir ici). Je n'ai pas pu répondre au premier étant partie en vacances.

Rappel du problème :
1) En voulant rédiger un nouveau message privé (et seulement dans ce cas-là), le cadre de mon forum s'agrandi et j'aimerais corriger ce problème esthétique si possible (voir le screen).

2) J'aimerais également savoir s'il est possible de réduire l'espace existant entre chaque forums au niveau de l'affichage des catégories (voir ici)

J'ai pris en compte les suggestions de MasDan, pour le 1er point, rien ne change et pour le 2ème point, je ne suis pas parvenue à trouver la balise <br> qui poserait soucis dans mon template.

Merci d'avance

[foxies]

UP

[Gaki]

Bonjour,
Pour le problème numéro 1, je peux te proposer une tentative.

Dans ton cas, c'est "quelque chose" qui déforme ton forum. Il est possible - ça m'est déjà arrivé - que ce soit l'espace de saisit du texte de ton message qui déforme. (L'éditeur de message).

Pour savoir si c'est le cas, il faut diminuer sa taille via un code CSS.
Je te renvoie vers ce lien de forumactif :
https://forum.forumactif.com/t352754-modifier-l-apparence-de-l-editeur

Je te conseille de mettre une taille très petite dans un premier temps pour l'éditeur (genre 100px) et voir si la déformation n'a plus lien.
Si elle n'est plus là, alors c'était l'éditeur qui coinçait. Tu n'a plus qu'à lui donner la bonne taille pour qu'il déforme plus.
Si ça marche pas .... Je verrai quand je serais chez moi ^^

Voilà. Bonne journée.

[foxies]

Génial, merci beaucoup, ce problème numéro 1 est réglé grâce à vous ! Reste à voir pour le second

[Gaki]

Bonsoir, ravie d'avoir pu être utile.
Etant désormais chez moi, je vais voir ton second souci.

Dans le template de ce dernier, je vois plusieurs fois des "height=50" sans aucune valeur précisée.
As-tu essayé de les retirer ? (Il revient deux fois il me semble).

Sans l'accès direct à ton template, c'est difficile.
J'espère cependant pouvoir t'aider o/.

Bonne soirée.

[foxies]

Bonjour ! J'ai supprimé les "height=50" mais aucun changement. Voilà mon template :

Code:

<table width="100%" border="0" cellspacing="0" 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="0" cellpadding="0">
  <tr>
      <th colspan="4" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </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="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
    <table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
     
    <div class="forumtitle"><span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

      </span></div>

     
        </h{catrow.forumrow.LEVEL}></td></tr></tbody></table>
        <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>
      <!-- BEGIN forum_link_no -->
      <td style="min-width: 150px;" class="row3 over" align="center" valign="middle" height="50">
        <span class="gensmall"><div class="derniermessage"><span class="gensmall"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /><div class="ligne"></div>{catrow.forumrow.LAST_POST}</span></div></span>
    </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 -->
  <!-- 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 -->

[foxies]

Petit up

[foxies]

UP

[foxies]

up

[Teurancher]

Chalut !
J'ai remarqué la présence de <br> dans le template.

Retirez-les ou partagez le template si vous n'y arrivez pas (sachant que ceux-ci ne sont pas présents dans le dernier partage de template que vous avez fait plus haut) ^-^

[foxies]

Bonjour ! On m'avait déjà fait la remarque, mais je ne sais absolument pas où trouver la balise à retirer, car elle n'apparait pas dans mon template...

Code:

<table width="100%" border="0" cellspacing="0" 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="0" cellpadding="0">
  <tr>
      <th colspan="4" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </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="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%">
    <table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
     
    <div class="forumtitle"><span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

      </span></div>

     
        </h{catrow.forumrow.LEVEL}></td></tr></tbody></table>
        <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>
      <!-- BEGIN forum_link_no -->
      <td style="min-width: 150px;" class="row3 over" align="center" valign="middle">
        <span class="gensmall"><div class="derniermessage"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /><div class="ligne"></div>{catrow.forumrow.LAST_POST}
          <div class="infosderniermes">{catrow.forumrow.TOPICS} messages - {catrow.forumrow.TOPICS} sujets</div></div></span></td>
      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
  <!-- 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 -->

[Teurancher]

Autant pour moi, je n'avais pas vu la dernière phrase du premier post.
Sauvegardez les code actuels au préalable au cas où cela ne fonctionnerait pas ^-^

Panneau d'administration Affichage Templates Général index_box

Code:

        <table width="100%" border="0" cellspacing="0" 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="0" cellpadding="0">
          <tr>
              <th colspan="4" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </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="row1" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%">
            <table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
           
            <div class="forumtitle"><span class="forumlink">
                      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
       
              </span></div>
       
           
                </h{catrow.forumrow.LEVEL}></td></tr></tbody></table>
                <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>
              <!-- BEGIN forum_link_no -->
              <td style="min-width: 150px;" class="row3 over" align="center" valign="middle">
                <span class="gensmall"><div class="derniermessage"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /><div class="ligne"></div>{catrow.forumrow.LAST_POST}
                  <div class="infosderniermes">{catrow.forumrow.TOPICS} messages - {catrow.forumrow.TOPICS} sujets</div></div></span></td>
              <!-- END forum_link_no -->
              <!-- BEGIN forum_link -->
              <td class="row3" colspan="3" align="center" valign="middle"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
              <!-- END forum_link -->
          <!-- 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 -->

Panneau d'administration Affichage Couleurs Feuille de style CSS

Code:

td.row1 br {
display: none; }

Cela causera peut-être quelques problèmes, et si c'est le cas, j'essaierai autre chose. :b

[foxies]

Merci de votre aide. J'ai ce que je souhaitais au niveau de la "description" de mes forums qui sont maintenant moins écartés mais par contre cela a décalé les "blocs" à droite qui annoncent le dernier message posté avec le nombre total de messages et de sujets. J'aimerais qu'ils restent sur la même ligne que les blocs de gauche comme c'était le cas avant, si vous voyez ce que je veux dire

PS: j'ai l'impression que cette page est touchée par ce changement aussi, quand je passe ma souris sur certains liens, la page se déforme.

[Teurancher]

Panneau d'administration Affichage Couleurs Feuille de style CSS

Trouver .derniermessage et le remplacer par le code suivant:

Code:

.derniermessage {
    background-color: #E6E2DD;
    box-shadow: 0px 0px 10px #AFAAA5 inset;
    font-size: 10px !important;
    height: 86px;
    line-height: 12px;
    margin: 6px 5px 5px;
    padding: 8px 5px;
    text-align: center;
    text-shadow: 1px 1px 1px #FFF;
}

[foxies]

C'est parfait comme ça merci beaucoup ! Par contre, le petit soucis mentionné dans mon dernier message subsiste.

[Teurancher]

Je ne suis définitivement pas bien réveillé. x_x
Les codes corrigés:

Panneau d'administration Affichage Templates Général index_box

Code:

        <table width="100%" border="0" cellspacing="0" 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="0" cellpadding="0">
          <tr>
              <th colspan="4" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </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="frow1" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%">
            <table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
           
            <div class="forumtitle"><span class="forumlink">
                      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
       
              </span></div>
       
           
                </h{catrow.forumrow.LEVEL}></td></tr></tbody></table>
                <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>
              <!-- BEGIN forum_link_no -->
              <td style="min-width: 150px;" class="row3 over" align="center" valign="middle">
                <span class="gensmall"><div class="derniermessage"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /><div class="ligne"></div>{catrow.forumrow.LAST_POST}
                  <div class="infosderniermes">{catrow.forumrow.TOPICS} messages - {catrow.forumrow.TOPICS} sujets</div></div></span></td>
              <!-- END forum_link_no -->
              <!-- BEGIN forum_link -->
              <td class="row3" colspan="3" align="center" valign="middle"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
              <!-- END forum_link -->
          <!-- 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 -->

Panneau d'administration Affichage Couleurs Feuille de style CSS

Code:

td.frow1 br {
display: none; }

[foxies]

Pas de problème ça a l'air d'être rectifié, par contre je vois du gris entourant la description de mes forums maintenant

PS : je crois que ça venait des couleurs du forum, tout simplement. J'ai donc changé la couleur du cadre des cellules. Par contre, je suis navrée mais serait-ce possible de faire en sorte que les deux "blocs" soient alignés ? J'ai parlé trop vite tout à l'heure, il manque un tout petit chouya pour que ce soit parfait

[Teurancher]

Sans souci. ^-^

Panneau d'administration Affichage Couleurs Feuille de style CSS

Code:

.derniermessage {
    background-color: #E6E2DD;
    box-shadow: 0px 0px 10px #AFAAA5 inset;
    font-size: 10px !important;
    height: 86px;
    line-height: 12px;
    margin: 4px 5px 5px;
    padding: 8px 5px;
    text-align: center;
    text-shadow: 1px 1px 1px #FFF;
}

[foxies]

C'est top, merci énormément pour votre aide, ça faisait un moment que je cherchais à avoir un tel résultat Bonne journée !