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

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

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

Message par Lilou8085 le Mer 8 Aoû 2012 - 16:46

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

Lilou8085
**

Messages : 91
Inscrit(e) le : 03/10/2011

http://thevampirediaries.forum-actif.net/
Lilou8085 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Est-il possible de mettre un cadre autour de la cellule icone message ?

Message par FANCH 56 le Mer 8 Aoû 2012 - 17:50

Bonsoir

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

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Est-il possible de mettre un cadre autour de la cellule icone message ?

Message par Lilou8085 le Mer 8 Aoû 2012 - 18:49

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é Laughing

je vais tester le rendu voir ce que ca donne merci Smile

Lilou8085
**

Messages : 91
Inscrit(e) le : 03/10/2011

http://thevampirediaries.forum-actif.net/
Lilou8085 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Est-il possible de mettre un cadre autour de la cellule icone message ?

Message par Lilou8085 le Mer 8 Aoû 2012 - 19:13

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

Lilou8085
**

Messages : 91
Inscrit(e) le : 03/10/2011

http://thevampirediaries.forum-actif.net/
Lilou8085 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