Problème de <td> et d'avatar du dernier posteur.

[ayshi]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Autre
Capture d'écran du problème :

Voir l'image:

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

Description du problème

Bonjour
voilà, je viens encore vous embêter car je le suis moi-même
quand j'essaie de placer le code <BEGIN AVATAR> (donc pour placer les avatars du dernier posteur à côté de mon premier <td>), ça me donne la barre entourée de vert qui ne va pas sur toute la largeur du forum, et ça m'embête
je me doute que c'est une histoire de <td>, mais je ne sais pas comment faire...
merci de votre future aide !

[Invité]

Bonjour,

Pouvez-vous nous transmettre le morceau de template modifié ?


Cordialement.

[ayshi]

bonjour
voilà la partie du forum modifiée.

Code:

      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%"!important  height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy"><br>
       
                                 
          <span class="forumlink"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></span>
          </h{catrow.forumrow.LEVEL}><justify><div class="lydia">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></justify><span class="genmed"><div style="height:120px;overflow:auto;">{catrow.forumrow.FORUM_DESC}</div></span></span></td>
        <td class="row1 over" valign="top" width="50" height="50"><!-- BEGIN avatar -->
        <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span></div>
          <!-- END avatar --></td></div>
       
      <td class="row1 over" align="center" valign="middle" width="30" height="50">       
        <font size="1,5"><span class="gensmall"><div class="sujets_messages"></div><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /><br><div class="kkkk"><font style="text-transform: uppercase; letter-spacing:-1px;"><b>messages : {catrow.forumrow.POSTS} ⊱ sujets : {catrow.forumrow.TOPICS}</b></font></div></div><div class="derniers_sujets">{catrow.forumrow.LAST_POST}</span></font>
       
          </tr>
       
  <!-- END forumrow -->

merci de vous pencher sur mon problème

[MlleAlys]

Bonjour,

Il y a quelques erreurs dans votre template, voilà le passage corrigé :

Code:


        <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
           
            <h{catrow.forumrow.LEVEL} class="hierarchy">
                <br/>
                <span class="forumlink">
                    <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">
                        {catrow.forumrow.FORUM_NAME}
                    </a>
                </span>
            </h{catrow.forumrow.LEVEL}>
           
            <div class="lydia">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
           
            <div class="genmed" style="height:120px;overflow:auto;">{catrow.forumrow.FORUM_DESC}</div>
           
        </td>
        <td class="row1 over" valign="top" width="50" height="50">
           
            <!-- BEGIN avatar -->
            <span class="lastpost-avatar">
                {catrow.forumrow.avatar.LAST_POST_AVATAR}
            </span>
            <!-- END avatar -->
           
        </td>
        <td class="row1 over" align="center" valign="middle" width="30" height="50">
           
            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
            <br/>
            <div class="kkkk gensmall" style="text-transform: uppercase; letter-spacing: -1px; font-weight: bold;">
                    messages : {catrow.forumrow.POSTS} ⊱ sujets : {catrow.forumrow.TOPICS}
            </div>
            <div class="derniers_sujets gensmall">
                {catrow.forumrow.LAST_POST}
            </div>
        </td>
    </tr>
    <!-- END forumrow -->

Pour votre problème, cela ne se situe pas ici, mais au niveau du titre de la catégorie :
Vous devriez trouver dans la balise <th...> l'attribut colspan="...".
Entre les guillemets doit se trouver le nombre de colonnes sur laquelle la cellule va s'étendre. Or, en ajoutant une cellule pour les avatars, la cellule du titre doit donc couvrir une colonne de plus.
Modifiez le colspan en colspan="3"

[ayshi]

bonjour MlleAlys,
suite à votre message -merci de la correction d'ailleurs-, j'ai bien vérifié, mais la Template était déjà modifiée en colspan="3"

je vous copie/colle ci dessous la Template en entier pour voir ce qui ne marche pas

Code:

<!-- 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 -->
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="0" 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;"></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">
      </td>
     
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
           
            <h{catrow.forumrow.LEVEL} class="hierarchy">
                <br/>
                <span class="forumlink">
                    <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">
                        {catrow.forumrow.FORUM_NAME}
                    </a>
                </span>
            </h{catrow.forumrow.LEVEL}>
           
            <div class="lydia">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
           
            <div class="genmed" style="height:120px;overflow:auto;">{catrow.forumrow.FORUM_DESC}</div>
           
        </td>
        <td class="row1 over" valign="top" width="50" height="50">
           
            <!-- BEGIN avatar -->
            <span class="lastpost-avatar">
                {catrow.forumrow.avatar.LAST_POST_AVATAR}
            </span>
            <!-- END avatar -->
           
        </td>
        <td class="row1 over" align="center" valign="middle" width="30" height="50">
           
            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
            <br/>
            <div class="kkkk gensmall" style="text-transform: uppercase; letter-spacing: -1px; font-weight: bold;">
                    messages : {catrow.forumrow.POSTS} ⊱ sujets : {catrow.forumrow.TOPICS}
            </div>
            <div class="derniers_sujets gensmall">
                {catrow.forumrow.LAST_POST}
            </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><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td></td></tr></table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

[MlleAlys]

La ligne du titre de la catégorie se trouve ici :

Code:

    <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;"></div>
        </th>
    </tr>

Modifiez-la ainsi :

Code:

    <tr>
        <th colspan="3" nowrap="nowrap" width="100%" class="secondarytitle">
            {catrow.tablehead.L_FORUM}
        </th>
        <th nowrap="nowrap" width="150">
            <div style="width:150px;"></div>
        </th>
    </tr>

[ayshi]

effectivement, j'ai confondu avec l'autre colspan
merci beaucoup, le sujet est donc résolu !