index box soucis pour placer correctement les intitulés sujets et réponses

[demeter1]

Bonjour à tous,
Je travaille actuellement sur un nouveau forum et, je rencontre quelques petits soucis pour modifier l'index box.

Je souhaiterai :
1/placer à droite comme sur la 2 eme capture la variables des sujet et celle des réponses à droite et,
2 /faire un petit encadrement qui englobe l'avatar et les éléments du dernier sujet (titre, date, nom du membre).

Voici ce que j'obtiens pour l'instant


Vous pourrez avoir un visu ici : http://floratropica.forumactif.org/  (version du forum Punbb).

et ce que "j'aimerai obtenir"   


Pour l'encadrement qui englobe l'avatar et les éléments du dernier sujet, j'ai travaillé un css mais bizarrement dés que je place la div, elle prend toute la largeur de la cellule (avec la fatigue, une chose plus qu'évidente doit m'échapper).
Le css de cette div

Code:

 .last {
background: #FFFFFF;
border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-radius: 3px 0px 0px 3px;
border-right: medium none currentColor;
border-top: 1px solid #DDDDDD;
height: 50px;
padding-bottom: 10px;
padding-left: 10px;
}

et enfin mon template index box

Spoiler:

Un grand merci par avance  à l'âme charitable qui me donnera un coup de main.
Bonne fin de soirée à tous.

[Self]

Hello Demeter1.

Tu peux utiliser la ligne suivante dans ton CSS pour l'afficher à la taille du contenu :

Code:

display:table-cell;

Bonne soirée .

[demeter1]

Merci SeLfde4Th7, je vais tenter la manip sur la div last.

Ne me reste plus qu'à trouver un moyen de mettre "sujets" et "réponses " sur une seule ligne tout en l'alignant à gauche de la dernière cellule.

[Self]

Re,

En remplaçant dans ton template, le contenu entre les balises :

Code:

<!-- BEGIN forumrow -->

<!-- END forumrow -->

Par :

Code:

<tr>
               <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: 62px;">
                  <span class="status" style="margin-right: -42px; margin-left: -52px ">
                     <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                  </span>

                  <span style="float: left; margin: 5px 0px 0px 10px; width: 71%;text-align : justify; ">
                                                <h{catrow.forumrow.LEVEL} class="hierarchy">
                     <a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a> <span class="how">{catrow.forumrow.TOPICS}<strong> Sujets</strong> {catrow.forumrow.POSTS}<strong> Réponses</strong></span>
                    </h{catrow.forumrow.LEVEL}><br />
                  <!-- BEGIN switch_moderators_links -->
                                                  {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}<br />
                  <!-- END switch_moderators_links -->

                                                  {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}<br />
                                                {catrow.forumrow.FORUM_DESC}</span>
                  <div id="forums-stats">
                     <!-- BEGIN avatar -->
                     <div class="last">
                        <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                        <!-- END avatar -->
                        <span>
                           <!-- BEGIN switch_topic_title -->
                           <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                           <!-- END switch_topic_title -->
                           {catrow.forumrow.USER_LAST_POST}
                        </span>
                     </div>
                  </div>
               </td>
            </tr>

Puis en ajoutant ce petit bout de CSS :

Code:

.how{
    float:right;
    margin-right:55px;
}

[demeter1]

Que dire SeLfde4Th7 si ce n'est un grand merci. Vos modifications fonctionnent à merveille.