Colonne des messages qui ne suit pas la taille des forums/sous forums.

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

Résolu Colonne des messages qui ne suit pas la taille des forums/sous forums.

Message par Censure Sam 28 Jan 2012 - 20:24

Bonsoir, suite a une personnalisation de mon forum, je rencontre un petit problème.
Fofo: http://guilde-exode.bbactif.com

Comme indiqué dans le titres la colonne des messages qui ne suit pas la taille des forums voir sur le screen la taille de la colonnes "Messages" est toute petite par rapport a celle du sous forum "Indexation" (elle n'est pas assez étendue).
Ce que je voudrais c'est faire "correspondre" la colonne messages avec les sous forum, que la colonne "Messages" s'agrandissent avec le changement de contenu des sous forum.
Spoiler:

Template index_box: Ou on était apporte les modifications:
Code:
  <!-- 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>
          </tr>
          <!-- END tablehead -->
          <!-- BEGIN cathead -->
          <tr>
              <!-- BEGIN inc -->
              <!-- 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>
          </tr>
          <!-- END cathead -->
          <!-- BEGIN forumrow -->
          <tr>
            <td style="text-align: left;" class="gensmall" >
              <div class="titre_colonne">«Messages»</div>
            <div class="colonne"><div class="nombre_messages">{catrow.forumrow.POSTS}
              <font color="green"> Messages</font><br/> {catrow.forumrow.TOPICS} Sujets <br/>
              </div>
              <div class="postes">
              <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
                </div>
                <div class="image_news">
<img src="http://img4.xooimage.com/files/2/1/8/bouton-rouge-1c3fd3.png" height="7px" width="7px" align="absmiddle"/>No News   <img src="http://duvertaumur.fr/images/bouton_vert.png"height="7px" width="7px" align="absmiddle"/>News<br/>

                    <center><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" width="15" height"15" />
                  </center></div></div></td>

              <!-- BEGIN inc -->
              <!-- 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">
                            <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">
                <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 class="row" align="center" valign="middle" height="0"></td>
          <!-- 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 -->
         
                          <BR/>
           
<!-- END tablefoot --><!-- END catrow --> 
                         

CSS de la partie "colonne":
Code:
.titre_colonne{
        color: #046380;
        width:110px;
        font-weight:bold;
        font-size:21px;
        text-shadow: 1px 1px 1px #84815B;
        font-family :Georgia;
        letter-spacing: -2.2px;
        margin-left:px;top:px;position:relative;
        background-image:url(http://i47.servimg.com/u/f47/14/37/99/28/sousfo11.png);
        padding-left:5px;padding-right:px;
        border-right: px solid #262727;
        border-top:0.2px solid #262727;
    }

.colonne{
width:110px;
margin-left:0px;/*-137*/
background-color: #fff;
background-image:url(http://i47.servimg.com/u/f47/14/37/99/28/sousfo11.png);
padding-left:5px;
padding-top:3px;
padding-bottom:3px;
border-right: px solid #262727;
border-bottom:0.2px solid #262727;
height:140px;
    }

.colonne:hover{
width:110px;
margin-left:0px;
background-color: #fff;
background-image:url(http://i47.servimg.com/u/f47/14/37/99/28/sousfo11.png);
padding-top:3px;
padding-bottom:3px;
border-right: px solid #262727;
border-bottom:0.2px solid #262727;
height:140px;
    }
.postes{
        font-weight:bold;
        font-size:12px;
        font-family :Georgia;padding-right:4px;text-align:right;}

.nombre_messages{
        font-weight:bold;
        font-size:12px;
        text-shadow: 1px 1px 1px #84815B;
        font-family :Georgia;padding-right:4px;text-align:right;}

          .image_news{
          text-align:left;
          filter:alpha(opacity=70);
          -moz-opacity:0.7;
          -khtml-opacity: 0.7;
          opacity: 0.7;
          padding-left:0px;}
Je ne veux pas qu'un simple "height:x px" règle ce problèmes, car avec un height: cela déformerais la partie "Messages.", cela ne prendrais pas en compte le contenu des sous forum/forum.

Merci d’éclairer ma lanterne.

Cordialement Censure.


Dernière édition par Censure le Jeu 2 Fév 2012 - 19:05, édité 1 fois
Censure

Censure
****

Masculin
Messages : 218
Inscrit(e) le : 21/12/2010

http://guilde-exode.bbactif.com/
Censure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Colonne des messages qui ne suit pas la taille des forums/sous forums.

Message par Censure Dim 29 Jan 2012 - 11:33

Edit: résolu.
Simple question, comment faire pour que le textes de la colonnes "Messages" se retrouve toujours en haut?
j'ai supprimer le css "Colonnes".
J'ai refait le template index_box:
Code:
    <!-- 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>
   </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>
         
         
         
                        <td class="row3 over" align="center" valign="middle" height="50">
                          <div class="titre_colonne">«Messages»</div>
                    <div class="nombre_messages">{catrow.forumrow.POSTS}
                      <font color="green"> Messages</font><br/> {catrow.forumrow.TOPICS} Sujets <br/>
                      </div>
                      <div class="postes">
                      <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
                        </div>
                        <div class="image_news">
                          <span class="gensmall">
                            <img src="http://img4.xooimage.com/files/2/1/8/bouton-rouge-1c3fd3.png" height="7px" width="7px" align="absmiddle"/>No News 
                            <img src="http://duvertaumur.fr/images/bouton_vert.png"height="7px" width="7px" align="absmiddle"/>News<br/>
                            <center><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" width="15" height"15" />
                            </center></span></div>  </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><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>
      
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>

      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>

          <!-- BEGIN inc --><!-- 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 -->
Censure

Censure
****

Masculin
Messages : 218
Inscrit(e) le : 21/12/2010

http://guilde-exode.bbactif.com/
Censure 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