Passage à la ligne des sous-forums.

[Maximum]

Bonjour !
Alors voici mon problème : http://www.pixenli.com/images/1362/1362419171026356400.png
Ma liste de sous-forums ne repasse pas à la ligne. J'ai beau trifouiller le template ou le CSS, je ne trouve pas...

Voici mon Template :

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <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 />
        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table> <br>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><center><div class="hautcate"></div><table class="forumline" width="760" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th colspan="3" width="760" class="secondarytitle">{catrow.tablehead.L_FORUM}</th>
     
  </tr>
  <!-- END tablehead -->
     
  <!-- BEGIN forumrow -->
  <tr><td colspan="3" width="180">
      <div class="forumlink">
        <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
          </div></td></tr><tr>
<td>  <div class="titred">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
              <script type="text/javascript">
              jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br />  ')).removeAttr('id');
                  </script>

</td>
      <td colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="420" height="50">
                         
                  <div class="desc">{catrow.forumrow.FORUM_DESC}</div>
                 
                 
      </td>
      <td width="160" align="center" valign="middle" height="50"><div class="last">
        {catrow.forumrow.TOPICS} topics et {catrow.forumrow.POSTS} posts
                  </div>
                  <div class="lastpost"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    <br /> {catrow.forumrow.LAST_POST}</div>
      </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><div class="bascate"></div></center><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Et mon CSS :

Code:

/********************************CATEGORIES TEST DE AMA POUR ET******************************************/
/* CATEGORIE A LA NOIIIIIX*/


.forumline{
  background:#CFCDF7;
  padding:20px;
}

.cate{
  margin-top:-150px;
  margin-left:-100px;
  overflow: auto;
}

.forumlink{
  margin-bottom:10px;
  margin-top: 3px;
  margin-left:15px;
}

.titred{
border-left:4px solid #9A97C7;
border-right:4px solid #9A97C7;
background: #;
margin-left:1px;
height: 100px;
width: 115px;
text-align:center;
 
}


a.forumlink:link, a.forumlink:visited {
font-size:20px;
font-weight:normal;
text-transform: italique;
font-family: Georgia;
font-variant: normal;
font-style:normal;
text-align: left;
display: block;
letter-spacing : 1px;
-moz-border-radius:10px;
border-bottom: 0px solid #000000;
}

a:hover {text-shadow: 1px 1px 1px white; }
.ombrage_text
{
   text-shadow:2px 2px 4px white;
   /* pour IE */
   -ms-filter: \'progid:DXImageTransform.Microsoft.dropshadow(color=silver, offx=1, offy=1)\';
   zoom: 1;
}





.last{
  border-bottom:3px solid #9A97C7;
  border-top:3px solid #9A97C7;
  color:#69678A;
  font-size:10px;
  padding:3px;
  margin-left:10px;
}

.lastpost{
  border-right:5px solid #;
  border-left:5px solid #;
  color:#9A97C7;
  font-size:12px;
  padding:3px;
  margin-top:5px;
  margin-left:10px;
 
}

.desc{
  background:#9A97C7;
  color:#CFCDF7;
  font-size:12px;
  text-align:justify;
  padding:5px;
  margin-left:5px;
  height:100px;
  overflow: auto;
 
 
}

a:focus {text-decoration: none; } 
a:hover { text-decoration: none !important;} 

/*coller bannière*/
 .bodyline{
padding-top:0px !important;
}#i_logo{
margin-left: -10px; margin-right: -10px;
}

J'aimerai profiter de ça pour demander aussi, comment est-ce qu'on personnalise les Sous-forums pour mettre nos propres redirection. Une petite explication en image est peut-être nécessaire. http://www.pixenli.com/images/1362/1362419511039269800.png


Merci d'avance pour tout !

[Matriochka]

Bonsoir,

Alors, pour les passer à la ligne, utiliser ceci :

Code:

.titred a {
display:list-item;
list-style:none;}

Par contre, là tu vas être embêtée avec la virgule. Donc pour la retirer, tu peux utiliser ceci :
https://forum.forumactif.com/t342432-retirer-la-virgule-des-sous-forums

Par contre, je n’ai pas compris pour la seconde image…

[Maximum]

Merci beaucoup pour votre réponse ! J'ai réglé cette histoire de virgule ! Encore merci !
Pour la seconde requête, j'aimerais savoir comment créer des liens vers des sujets qui ne sont pas des sous-forums.
Par exemple, sur la capture d'écran, on voit qu'à partir de l'Index, on peut naviguer directement vers "le Réglement".
Comment inclure ces liens sur l'Index avec mes sous-forums ?

J'ai un peu peur de m'être mal exprimée ><

[Matriochka]

Ah d’accord, je comprends. Hé bien pour ça, il faut intégrer ton menu en le faisant manuellement, dans le template index_box (en l’intégrant dans une div ou une nouvelle cellule, c’est à toi de voir).

Par exemple :

Code:

<a href="#">Lien 1</a>
<a href="#">Lien 2</a>
<a href="#">Lien 3</a>
<a href="#">Lien 4</a>

[Maximum]

Je comprends très partiellement ce qu'il faut que je rajoute et où. Sachant que les navigations seront différents pour chaque catégories, comment est-ce que je fais ?
Les codes que vous m'avez donné doivent être mis dans les descriptions ?

[Matriochka]

Ah mince, pardon Non, c’est pas à mettre dans les templates, tu as entièrement raison. C’est effectivement à mettre dans les descriptions.

Désolée pour la bourde

[Maximum]

J'ai réussi à les inclure dans les descriptions mais serait-ce possible de le faire passer dans les "Sous-forums" ?
http://www.pixenli.com/images/1362/1362491525035497100.png

[Matriochka]

Hmm, tu peux utiliser ceci pour les déplacer :

Code:

<div style="position:absolute;margin-left:-**px;margin-top:**px;">Ton lien ici</div>

Ça revient en fait à mettre ton lien en élément flottant que tu peux bouger où tu veux sur la page.

[Maximum]

Ca va être long mais ça marche très très bien !
Merci beaucoup pour tout ! ♥