Problème affichage catégorie / forum et "derniers messages"

[Moon-shine]

Bonjour.
Alors j'ai un petit avec l'affichage des titres de mes forums.
En effet, j'aimerai que la barre en pointillé sous le titre de mes forums aillent jusqu'au bout.
Voilà un petit schéma :

→ http://hpics.li/2a72830

J'aimerai aussi savoir comment arriver à ce résultat au niveau des "derniers messages"

→ http://hpics.li/f127eb0

--------------------------------------------------------------------------------------

Voici mon template Index-box :

Code:

<table width="100%" border="0" cellspacing="0" 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 --><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">
         <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>

            </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 class="row3 over" align="center" valign="middle" height="50">
            <span class="gensmall"></span>

    <span class="gensmall">{catrow.forumrow.LAST_POST}
{catrow.forumrow.POSTS} messages || {catrow.forumrow.TOPICS} sujets.
</span>
          </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 -->

Et la partie CSS concernant les pointillés :

Code:

a.forumlink {
border-bottom: 3px dotted #d0f370;
font-family: georgia;
text-align: left;
padding-left: 50px;
font-size: 20px;
line-height: 20px;
margin-top: 5px;
text-transform: uppercase;
background-color: #;
color: #d0f370;
display: block;
font-weight: normal;
}


-------------------------------------------------------------

Merci d'avance.

[Anzu]

Bonsoir,

Afin de faciliter la recherche et la résolution des problèmes, je vous invite à ouvrir un autre sujet pour votre deuxième demande.
Concernant la première, il y a plusieurs façons d'arriver à ce résultat, soit de modifier le tableau dans le template, soit de bidouiller ^^

J'ai donc simplement rajouté les pointillés dans la deuxième colonne (celle des derniers sujets), ces derniers alignés avec les autres.
Dans l'index box, j'ai mis une div (avec la class "points") ici:

Code:

     
            <td class="row3 over" align="center" valign="top" height="50">
<div class="points"></div><br />
                    <span class="gensmall"></span>
       
            <span class="gensmall">{catrow.forumrow.LAST_POST}
        {catrow.forumrow.POSTS} messages || {catrow.forumrow.TOPICS} sujets.
        </span>
                  </td>

Class qui renvoie ici dans la css:

Code:

        .points {
        border-bottom: 3px dotted #d0f370;
        padding-top: 25px;
        margin: 0px;
        }

Cordialement.

[Moon-shine]

Merci beaucoup, ça marche très bien.
Pour mon second problème j'ouvrirai donc un second sujet.
Encore merci!