Est-il possible de mettre un cadre autour de la cellule icone message ?

[Lilou8085]

Bonjour,

Je pense que mon titre est suffisamment explicite pour que vous ayez comprit ma question.

Je viens de modifier mes catégories grace à un tuto trouvé sur un site de codage. Voici mon résultat final

Spoiler:

Comme vous le voyez, toutes les cellules ont un cadre sauf celle icone de message et ca gache un peu je trouve. Je pense qu'il suffit d'ajouter une section au css en reprenant les memes critères que pour les autres cellules (épaisseur, arrondi, couleur, ect...) mais je ne sais pas comment faire pour préciser dans le CSS qu'il faut l'appliquer a la cellule des messages :/

Voici mon template modifié:

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 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>
          </tr>
        <!-- END tablehead -->
  <!-- BEGIN forumrow -->
  <tr>
<td>
      <tr>
<td>
<table width="800px" height="100px" cellspacing="0" cellpadding="0" border="0">
  <tr>
      <td width="120px"  align="center">
                  <img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="image"/>
            </td>
            <td width="580px" class="description" align="center" >
      {catrow.forumrow.FORUM_DESC}<br>
      <span style="border-top: 2px double #ffffff;padding:3px;display:block;">
                  <span class="link"><center>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</center></SPAN></span></td>               
 <td width="10px"></td>
  <td width="20%" align="center" valign="middle"><div class="lastpost"><div style="font-size: 11px; margin: -2px;margin-top:4px; padding: 2px; background-color: #F0E7E8; border-bottom: 1px dashed #406369">{catrow.forumrow.POSTS} sujets pour  {catrow.forumrow.TOPICS} messages</div><br />{catrow.forumrow.LAST_POST}</div></td>         
      </tr>
  </table>
</td></tr>
  <!-- END forumrow -->
  <!-- BEGIN tablefoot -->
</table></div><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->


et mon css:

Code:

/*--- Cette partie correspond aux catégories du forum ---*/
.forum-description {
overflow: auto;
text-align: justify;
background: #F0E7E8;
margin: 2px;
padding: 2px;
color: #302D2D;
width: 400px;
height: 110px;
border-left: 3px solid #D4B89D;
border-right: 3px solid #D4B89D;
border-bottom: 3px solid #D4B89D;
border-top: 3px solid #D4B89D;
text-decoration: none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
font-size: 12px;
}

/*****Cette partie correspond à la cellule des sous forum*******/
.forum-forum {
overflow: auto;
text-align: center;
background: #F0E7E8;
margin: 2px;
padding: 2px;
padding-top: 6px;
color: #302D2D;
width: 100px;
height: 107px;
border-left: 3px solid #D4B89D;
border-right: 3px solid #D4B89D;
border-bottom: 3px solid #D4B89D;
border-top: 3px solid #D4B89D;
text-decoration: none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
font-size: 12px;
}

/*---Derniers message---*/

.lastpost{
width: 130px;
height: 110px;
background-color:#F0E7E8;
margin-top: 0px;
padding: 2px;
font-family: verdana;
font-size: 10px;
color: #302D2D;
border-left: 3px solid #D4B89D;
border-right: 3px solid #D4B89D;
border-bottom: 3px solid #D4B89D;
border-top: 3px solid #D4B89D;
text-decoration: none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

a.forumlink{
font-size: 20px;
margin-bottom: -13px;
padding-top: 7px;
margin-left:-120px;
color : #192A2E;
display:block;
font-family: Tahoma;
text-shadow: 1px 1px 2px #666666;


Merci d'avance

[FANCH 56]

Bonsoir

Il est plus simple de le faire avec un traitement d'images.

[Lilou8085]

en mettant le cadre directement sur les boutons image vous voulez-dire ?

je dois être super fatiguée parce que je n'y avais même pas pensé

je vais tester le rendu voir ce que ca donne merci

[Lilou8085]

merci pour l'idée le rendu me convient parfaitement ^^