Affichage des catégories

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

Résolu Affichage des catégories

Message par ashe le Mar 12 Juil 2011 - 21:54

Bonsoir Smile

Je suis dans une petite impasse pour certaines modifications de l'apparence de mes catégories.
Voici le résultat que je cherche : ICI
Après plusieurs recherches et trouvailles sur le forum, j'ai ce résultat là : Lien de mon forum

Je cherche à réduire l'espace entre les liens des forums/sous-catégories et la description : IMG


Mon index-box modifié:
Spoiler:
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 --><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle" align="center">
<span class="titrecat">{catrow.tablehead.L_FORUM}</span> </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>
      <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="row1 over" colspan="3" valign="top" width="100%">
        <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}>
      </td></tr><tr>
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="top" width="5%" height="50">
        <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="75%" height="50">
    <div class="descrip"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
        <span class="gensmall" id="subforums">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            <div class="sousforum" style="text-align: center;">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>

<script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ')).removeAttr('id');
</script>


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

      </td>
      </td>
  </tr>
      </tr>
<tr><td colspan="2" height="1"class="espace"> </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 mon CSS :
Spoiler:
Code:
/*fond description*/
.descrip
{background-color: #ffffff;
text-align: justify;
border-right: 3px solid #e2e2e2;
padding: 5px;/*marge intérieure*/
margin-left : 3px;/*marge extérieure*/}

/*sous-forums*/
.sousforum
{padding: 5px;/*marge intérieure*/
margin: 2px;/*marge extérieure*/}

/*statistiques*/
.stats
{background-color: #ffffff;
padding: 5px;/*marge intérieure*/
margin: 2px;/*marge extérieure*/
border-left: 3px #e2e2e2 solid;
border-right: 3px #e2e2e2 solid;}

/*dernier message*/
.lastm
{background-color: #ffffff;
padding: 5px;/*marge intérieure*/
margin: 2px;/*marge extérieure*/
border-left: 3px #e2e2e2 solid;
border-right: 3px #e2e2e2 solid;}

/*Enlever soulignement*/
a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }

/*Lien forum*/
a.forumlink {
display : block;
text-align:center;
border : 0px solid #ffffff;
background-color: #ffffff;
margin-left:56px;}

/*Bordure espace*/
.forumline { padding-right: 9px;
padding-left : 9px;}

/*Titres catégories*/
.titrecat {
    background-color: transparent;
font-size:18px;
letter-spacing:5px;
font-family:palatino linotype;
margin:auto;
}

En vous remerciant d'avance pour votre patience.
Merci et bonne soirée Smile


Edit :
J'ai trouvé la solution, il suffisait de mettre :
margin-bottom : -20px;

Merci Smile

ashe
***

Féminin
Messages : 179
Inscrit(e) le : 13/05/2006

http://...
ashe 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