Panache
{ Membre }
Messages : 31
| Bonjour!! j'ai tentée de trouver ce tutoriel sur le net pour éviter de devoir poster ici, en vain. Vous savez, les sous-forums s'affichent tout juste en bas des descriptions des forums ou des titres des forums, dans la page d'accueil. Or, j'aimerais pouvoir les faire descendre en bas complètement de la ''case'' du forum, avec un bottom ou quelque chose. voici mon template index_box dont vous avez besoin - 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 --> <div class="titreCategorie h2">{catrow.tablehead.L_FORUM}</div> <table class="forumline" width="100%" border="0" cellspacing="1" 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;">{L_LASTPOST}</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="80%" height="50"> <h{catrow.forumrow.LEVEL} class="hierarchy"> <span class="forumlink"> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br /> </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 --> </span> <div class="sousforums"><center>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</center></div> </td> <td class="row3 over" align="center" width="20%" valign="middle" height="50"> <div class="gensmall sujets_messages">Messages : {catrow.forumrow.POSTS} | Sujets : {catrow.forumrow.TOPICS}</div> <div class="gensmall derniers_sujets">{catrow.forumrow.LAST_POST}</div> </td> <!-- 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, au cas où, la partie concernée du CSS: - Code:
-
/*------------------------affichage sous-forums-------------------------*/ .sousforums a { display:inline-block; /* affichage en ligne mais avec les propriétés d'un bloc */ background:#616161; /* une couleur de fond derrière chaque lien */ padding:2px 5px; /*un espacement entre le texte et le bord du bloc-lien*/ -moz-border-radius: 15px; -webkit-border-radius:15px; border-radius:15px; block-align: center; margin:0 5px; /* un espacement entre le bloc-lien et les éléments qui l'entourent */ } .sousforums { font-size:0px; }
.sousforums a { font-size:10px; /* indiquez la taille du texte des liens */ padding-right:5px; /* on rajoute un espace après le lien */ }
/* pour les navigateurs qui acceptent la pseudo-classe :last-child, on supprime l'espace final qui ne sert à rien */ .sousforums a:last-child { padding-right:0px; } | | |
|
Nihil
{ Modérateur }
Messages : 1216
| Tu peux envisager un positionnement absolu en CSS. Voici un article sur le sujet : http://openweb.eu.org/articles/initiation_absolue Le fonctionnement est simple, ici dans notre cas il faut que tu mettes ta div.sousforum en position : absolute, et que tu mettes la cellule (td) où se trouve tes informations en position relative. Enfin, tu mettras un bottom : XX px à ta div.sousforum, en réglant XX en faisant des essais Si tu ne comprends pas quelque chose après la lecture de l'article, n'hésite pas à me demander (: | | |
|