Fusionner deux cellules (statut des messages et description de la catégorie)

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

Résolu Fusionner deux cellules (statut des messages et description de la catégorie)

Message par Paradoxe le Dim 28 Juil 2013 - 23:02

Bonjour,

J'aimerais fusionner les deux cellules encadrées sur le screen suivant:

Spoiler:

Forum : http://iclasse2013.forumecole.com/
Version : PHPBB2
Navigateur : Firefox

Feuille CSS :

Spoiler:

Code:
/* Effacement des menus groupe et FAQ */
 a.mainmenu[href="/groups"], a.mainmenu[href="/faq"] {display:none;}

/* Positionnement de la barre de navigation */
.navig {
        position: absolute;
        top: 32px;
        width: 100%;
        }

/* Arrondissement du forum */
.forumline {
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        border-radius:10px;}

/* Arrondissement des cadres des categories */
.forumline{
 background-color: #515251;
 -webkit-border-radius:10px;
        -moz-border-radius:10px;
        border-radius:10px;
 border: 3px #515251 solid;
}

/* Arrondissement de l interieur des titres des categories */
.secondarytitle {
        -webkit-border-top-left-radius:8px;
        -moz-border-top-left-radius:8px;
        border-top-left-radius:8px;}

/* Arrondissement des zones de textes et de réponse */
textarea, .textarea.post, input.post {
     -moz-border-radius:10px;
     -webkit-border-radius: 10px;
    border-radius:10px;
}

/* Effacement des lignes superflues dans les titres de categories */
.catHead {  border: none !important;}
.catBottom  {  border: none !important;}
.thLeft  {  border: none !important;}
.thRight {  border: none !important;}
.row3Right {  border: none !important;}

/* Effacement des options de partage dans la toolbar */
         #fa_share { display: none!important; }

/* Arrondissement du bouton previsualisation */
.liteoption {
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        border-radius:10px;}

/* Arrondissement du bouton envoyer */
.mainoption {
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        border-radius:10px;}

/* Arrondissement des citations */
.quote {
 -webkit-border-radius:10px;
        -moz-border-radius:10px;
        border-radius:10px;}

/* Marge interieure des citations */
.quote {
  padding : 5px;}

/* Arrondissement du coin supérieur droit du QEEL */
.catHead {
   -webkit-border-top-right-radius:8px;
        -moz-border-top-right-radius:8px;
        border-top-right-radius:8px;}

/* Arrondissement du coin supérieur gauche du QEEL */
.catHead {
   -webkit-border-top-left-radius:8px;
        -moz-border-top-left-radius:8px;
        border-top-left-radius:8px;}

/* Images pour monter ou descendre sur la page */
.upbottom {
position: fixed;
bottom : 0px ;
margin-left : 90% }

/*Ajustement de la taille section dernier message */
.derni {
   width: 150px;}

/* Arrondissement section 1 */
.row1 {
   background-color: #efefef;
 -webkit-border-radius:8px;
        -moz-border-radius:8px;
        border-radius:8px;
 border: 3px #efefef solid;}

/* Arrondissement section dernier message */
.row3 {
   background-color: #efefef;
 -webkit-border-radius:8px;
        -moz-border-radius:8px;
        border-radius:8px;
 border: 3px #efefef solid;}

Index_box modifié :

Spoiler:

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="4"><table width="100%"><tr><td nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} <div style="width:150px;"></div></td></tr></table></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><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">
                          <div class="derni"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
                          <div class="mess"><span class="gensmall">{catrow.forumrow.TOPICS} sujets {catrow.forumrow.POSTS} messages</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 -->

Merci pour le temps consacré à m'aider à trouver une solution! Smile


Dernière édition par Paradoxe le Lun 29 Juil 2013 - 2:15, édité 1 fois

Paradoxe
*

Féminin
Messages : 46
Inscrit(e) le : 14/10/2009

http://iclasse2013.forumecole.com
Paradoxe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fusionner deux cellules (statut des messages et description de la catégorie)

Message par Anzu le Dim 28 Juil 2013 - 23:08

Bonsoir,

Il suffit de "fusionner" le contenu des deux td:

Code:
 <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><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>

Le premier td contient ce qui permet d'afficher l'image, le deuxième contient ce qui permet d'afficher le titre du forum, sa description, l'affichage des modérateurs (si activé dans le PA) et les sous forums.

Retirez le premier td qui se ferme et le deuxième qui s'ouvre pour ne faire qu'un seul et unique td Wink

Il faudra juste rajouter un colspan de 2 dans le td.
Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fusionner deux cellules (statut des messages et description de la catégorie)

Message par Paradoxe le Lun 29 Juil 2013 - 2:16

Génial! Merci beaucoup pour ton aide et ton temps! Smile

Paradoxe
*

Féminin
Messages : 46
Inscrit(e) le : 14/10/2009

http://iclasse2013.forumecole.com
Paradoxe a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum