Catégories récalcitrantes

[Isunonakani]

Bonjour,
J'ai un petit soucis avec mes catégories. Ces vilaines ne veulent pas se mettre comme je le voudrai et j'avoue devenir folle à chercher sans trouver la solution qu'il faut.
J'aimerai en fait qu'elles ne forment qu'un seul et unique bloc et que tous les éléments soient réunis,un peu comme ici
J'ai déjà réussit à réunir la partie 'dernier message" et description, mais l'image des nouveaux messages et compagnie refuse de rejoindre les autres ><

En gros j'aimerai passer de ça:

A ça:


Merci d'avance pour votre aide

[SoraNoHime]

Bonjour

Pouvez-vous me fournir votre template index_box, que je puisse voir les changements que vous avez déjà effectués, ainsi d'où vient le problème ?

Ainsi que la partie css qui est dédié aux catégories, si vous en avez.

Cordialement.

[Isunonakani]

Merci pour votre aide

Voici mon template:


Et mon css:


Cordialement,

[SoraNoHime]

Bonjour,

repérez ce code :

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>

transformer les td en div.

et replacez le entre :

Code:

<td class="row3 over" valign="right" height="50"padding="12px">

et

Code:

  <div class="derp" "gradualfader">

Est-ce bien ce que vous désiriez ? (voir mon forum dans mon profil si vous désirez un exemple)

Si vous voulez plutot l'image dans le cadre que vous avez fait

placez le entre

Code:

  <div class="derp" "gradualfader">

et

Code:


<div class="nbsm" align="center">{catrow.forumrow.POSTS} messages, dans {catrow.forumrow.TOPICS} sujets.
</div></span></div>

Cordialement.

[Isunonakani]

Les codes fonctionnent super bien merci, par contre comment faire pour que l'image reste à gauche? Oo
J'ai peur que ça 'perturbe' un peu que le bouton 'nouveau message' soit à droite =S

Merci beaucoup pour votre aide en tout cas

Cordialement,

[SoraNoHime]

Précisez s'il vous plait.

Vous voulez déplacer Tout l'encart que nous venons de créer à gauche, ou seulement l'image à gauche de votre encar dernier sujet qui lui se trouve à droite

Pouvez vous préciser ?

[Isunonakani]

En gros j'aimerai que l'image soit dans le cadre qui entoure la description des catégories, à gauche.
Juste le décaler en fait, comme sur l'image:

[SoraNoHime]

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}

                {CURRENT_TIME}

                </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>

                <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

                <!-- END switch_user_logged_in -->
                <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
            </td>
        </tr>
    </table>
    <!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="titre_categorie">{catrow.tablehead.L_FORUM}</div> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
        <tr>
            </th>
        <!-- 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>
   
        </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">
                    <span class="forumlink"><div class="titresfora">
                        <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
    </div>
                    </span>
                  <!-- [ DÉBUT DES MODIFICATIONS ] -->
    <div class="descriptioncateg"><span class="genmed"><div class="sousfo">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>

<table><tr>

            <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 style="width:100%;">{catrow.forumrow.FORUM_DESC}<br/></td>

<td class="row3 over" valign="right" height="50"padding="12px">
            <div class="derp" "gradualfader">{catrow.forumrow.LAST_POST}<br/>
    <div class="nbsm" align="center">{catrow.forumrow.POSTS} messages, dans {catrow.forumrow.TOPICS} sujets.
    </div></span></div>
          </td>
</tr></table>
</span>
    </div>
            <span class="gensmall">
                <!-- BEGIN switch_moderators_links -->
                {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                <!-- END switch_moderators_links -->
            </span>


          </td>
          <!-- BEGIN forum_link_no -->
    <!-- [ FIN DES MODIFICATIONS ] -->
            <!-- 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 -->
        </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 -->

Comme ceci ?

[Isunonakani]

Niah voui c'est tout à fait ça Oo
Merci beaucoup beaucoup pour votre aide

[SoraNoHime]

De rien, bonne journée