Bug centrage de texte

[Sanae]

Bonjour/Bonsoir,

Je vais vous paraitre super pénible depuis deux jours. Ahum ! J'ai modifié mon template Index_Box pour supprimer les colonnes « sujets » et « messages », ce qui a fonctionné. Le problème est que depuis que j'ai installé les codes, j'ai tous les messages du forum qui ont le texte en « centré ». J'aimerai récupérer l'alignement à gauche, si possible.

Merci d'avance de votre aide.

[Anzu]

Bonsoir,

Pourrait-on avoir votre template index box ? (en entier)

Cordialement.

[Sanae]

Je vous fais ça tout de suite !

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"> {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="80%">
         <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="80%" 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 over" align="center" valign="middle" height="50">
        <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 -->

[Anzu]

Juste avant de vous donner le code, c'est volontaire d'avoir retiré sujets et messages ? je ne parle pas des colonnes mais du contenu.

[Sanae]

J'ai simplement suivi les instructions de ce forum pour retirer la colonne messages et sujets. Oui, je ne voulais pas qu'il aille ce passage disant combien il y a messages et autres. =)

[Anzu]

Remplacez votre template par:

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"> {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">
                <table width="100%"><tbody><tr><td><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}></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>
    
     <td class="row3 over" align="center" valign="middle" height="50">
        <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 -->

[Sanae]

J'ai changé le template mais je crains que cela continue.

[Anzu]

Vous avez du css alors, car je n'ai pas ce problème sur mon forum test, pourrais je avoir votre css ?

Au cas où, vous avez bien publié le template que je vous ai donné ?

Je regarde votre forum mais rien ne me choque  le peu qui est centré, c'est "par défaut".
qu'est ce qui ne doit pas être centré exactement ?

[Sanae]

Oui, j'ai bien copié ce que vous m'avez dit de faire.

Mon CSS

Code:

a { text-decoration: none; }

.bodyline {
-moz-border-radius:10px;
}

 .infobulle{
    position: relative;
    z-index: 0;}

    .infobulle:hover{
    background-color: transparent;
    z-index: 50;}

    .infobulle span{
    position: absolute;
    background-color: #49B8F2 ;
    padding: 5px;
    left: -1000px;
    visibility: hidden;
    color: #000000;}

    .infobulle span img{
    border: 2px;
    padding: 5px;}

    .infobulle:hover span{
    visibility: visible;
    top: 70px;
    left: 35px;
    width: 200px ;
    color:#000000;
    border: 2px solid #FFFFFF;}

        a.info {
        position:relative;
        z-index:24;
        color:#000000;
        text-decoration:none
        }
        
       a.info:hover {
        z-index:25;
        background-color:#FFFFFF
        }
        
       a.info span {
        display: none
        }
        
       
textarea {
background-color: #000101;
color: #FEFFFF;
}

        /*--- Bloc réponse rapide ---*/
        
       .sceditor-container.ltr.sourceMode {
        width:740px !important;
        background-color: #010101 !important;
        }
        .sceditor-container.ltr.wysiwygMode {
        width:740px !important;
        background-color: #010101 !important;
        }
        /*---  Partie supérieur contenant les outils ---*/
        
       div.sceditor-toolbar {
        background-color: #010101 !important;
        width: 720px !important;
        }
        /*---  Partie texte area : fond ---*/
        
       .sceditor-container iframe, .sceditor-container textarea {
        background-color: #FFFFFF !important;
        text-align:justify;
        margin:0 !important;
        line-height: 16px;
        width: 650px !important;
   text-color: #010101 !important;
        font-size:11px !important;
        }
        /* bordure de l'éditeur */
        div.sceditor-container {
        border: none;
        }
        
       /* bordure entre la barre d'outils et la zone de saisie de texte */
        body div.sceditor-toolbar {
        border-bottom: none;
        }
        
       /* bordure sous les groupes de bouton */
        body div.sceditor-group {
        border-bottom: none;
        }
        
       /* ombre d'un bouton survolé ou activé */
        a.sceditor-button:hover, a.sceditor-button.hover {
        box-shadow: none;
        }

[Anzu]

Donc pourriez vous me dire exactement ce qui ne doit pas être centré ?

Sinon déjà pour les derniers messages, ici:

Code:

  <td class="row3 over" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>

Il suffit de retirer la align="center"

[Sanae]

Pardon ! XD

Ce qui ne doit pas être centré, c'est la partie des messages postés, comme sur l'image. J'ai retiré le align="center" mais rien ne change. Mon forum me hait XD

[Anzu]

Ah ouais mais on ne parle pas de la même chose en fait

Le fait que vous ayez modifié votre index box pour retirer les colonnes sujets et messages n'a rien avoir avec le contenu des messages

J'ai regardé un peu les sujets sur votre forum et tous ne sont pas centrés donc c'est au cas par cas.

NB: du coup ce que je vous ai proposé de retirer précédemment, remettez le si jamais ..

[Sanae]

Cas par cas ?

Le problème, deux ou trois membres utilises les balises pour centre et autre, mais moi qui n'utilise rien - ainsi que d'autres membres - ça déforme tout de même énorme le texte.

Vous pensez qu'il y aurait une solution pour que cela revienne sur l'alignement de gauche ? ôO

Edite : J'ai trouvé ma solution avec une incroyable Ola entendue par tous les voisins ! xD

Code:

.postbody {
        text-align:left;
        }

Merci de votre aide ! =)