Changer de place mes sous forum ainsi qu'une image dans mes catégorie.

[Alliwee]

Bonjour,

Comme j'ai toujours un peu de mal à identifier mes propres problème, je ne sais pas si je poste dans la bonne partie. Je m'en excuse d'avance si je me trompe.

Donc, voila.
J'ai beau avoir cherché comment faire, je ne trouve pas, donc je vous pose la question. Pour commencer, voila donc ce que donne mes catégories en ce moment :

Et voila donc ce que je cherche à obtenir :

Tous ce qui est en vert est modifié. J'aimerais donc que le triangle (qui est l'image qui annonce si oui ou non il y a des nouveaux messages) empiète un peu sur le carré blanc de description. De plus, j'aimerais que mes sous forum ( qui actuellement sont positionnés en dessous du dernier message posté) se retrouve dans le carré de description, aligné les un en dessous des autres.

Voici donc mon index_box pour vous aider ...

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
 
</span>
<!-- END switch_user_logged_in -->
 
</td>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<!-- END switch_user_logged_in -->
</td>
</tr>
</table>
 
 
 <center>
<!-- DEBUT MODIF ONGLETS -->
 
 
 <script type="text/javascript">
    <!--
 
    document.write('<div align="center" style="display:none;" id="conteneur_barre_onglet">
    <ul class="conteneur_onglets">
 
    <li onClick="change_cat(1)" class="onglet actif" id="onglet_1"><img src="http://img11.hostingpics.net/pics/69258403ONGLETI.png"></li>
  <li onClick="change_cat(2)" class="onglet " id="onglet_2"><img src="http://img11.hostingpics.net/pics/60051904ONGLETII.png"></li>
  <li onClick="change_cat(3)" class="onglet " id="onglet_3"><img src="http://img11.hostingpics.net/pics/46865005ONGLETIII.png"></li>
  <li onClick="change_cat(4)" class="onglet " id="onglet_4"><img src="http://img11.hostingpics.net/pics/42791906ONGLETVI.png"></li>
  <li onClick="change_cat(5)" class="onglet " id="onglet_5"><img src="http://img11.hostingpics.net/pics/96698707ONGLETV.png"></li>
  <li onClick="change_cat(6)" class="onglet " id="onglet_6"><img src="http://img11.hostingpics.net/pics/67142408ONGLETVI.png"></li>
 
    </ul></div>');
 
    var compteur_cat = 1;
 
    function change_cat(numero)
    {
      if(document.getElementById('categorie_'+numero))
      {
          /* affichage de la bonne categorie */
          $('table[id^=categorie_]').css('display','none');
          $('table[id=categorie_'+numero+']').fadeIn();
       
          /* affichage du bon onglet */
          $('.actif').removeClass("actif");
          $('.onglet[id=onglet_'+numero+']').addClass("actif");
      }
    }
 
    function capture_cat()
    {
      if(compteur_cat == 1)
      {
          document.write('<table class="forumline" id="categorie_' + compteur_cat + '" >');
      }
      else
      {
          $('#conteneur_barre_onglet').css("display","block");
          document.write('<table class="forumline" id="categorie_' + compteur_cat + '" style="display:none;">');
      }
   
      compteur_cat++;
    }
 
    //-->
    </script>
 
 
    <!-- BEGIN catrow --><!-- BEGIN tablehead -->
 
 
  <script type="text/javascript">
    <!--
      capture_cat();
    //-->
    </script>
 
    <!-- FIN MODIF ONGLETS -->
</center>
 <tr>   
 <td colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">
  <div style="margin-top:-30px">{catrow.tablehead.L_FORUM} </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>
            
      
   <!-- 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">
         
      </td>
          <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
      
               <h{catrow.forumrow.LEVEL} class="hierarchy">
                    <div style="margin-left:50px"><span class="forumlink">
                      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><span class="titre1">{catrow.forumrow.FORUM_NAME}</span></a></span></div>
                                <div style="margin-left:50px"> <div style="margin-bottom:-8px"><span class="stat1">De ce coté, nos habitants ont écrit {catrow.forumrow.POSTS} pages dans {catrow.forumrow.TOPICS} livres</span></div> </div>
                     
                                <div class="stat3"><table width="100%"><tbody><tr>   
                                  <td class="my_disc" width="300" valign="top" >{catrow.forumrow.FORUM_DESC} </td><td><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /><div class="stat2"><div style="margin-top:-80px"><div style=" border-bottom: 1px dotted #63A078;height: 35px; overflow:35px"><center>{catrow.forumrow.LAST_POST}</center></div><br><div style="height: 25px; overflow:25px">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div></span>
                                </td>
                                      </tr>  </tbody></table></div>
               
                                 
         <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>
      </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 la partie concernée de mon Css.

Code:

/*STATFO*/
.cadre1{
  background-image: url(http://img15.hostingpics.net/pics/94110313MESSAGES.png);
 width: 130px;
  height:47px;  }

.stat1{ /*Nb de message*/
align: center;
Font-size: 13px;
font-family: Arial;
color: #dfdfd2;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
letter-spacing: -1px;}

.stat2{
  width: 100px;}

.my_disc{ /*Nouveau message + sous forum*/
background-color: #fdfef8;
font-family: arial;
text-align: justify;
font-size: 9px;
overflow:auto;
width: 95%;
height:70px;
letter-spacing:1px;
border-top:3px solid #f7f5dc ;
border-bottom:3px solid #f7f5dc}

En espérant être clair et pourvoir recevoir de l'aide. Merci d'avance.

Cordialement.

[Alliwee]

Je remonte mon sujet . ..

[Alliwee]

Up

[Alliwee]

Up o/

[Alliwee]

Up

[Alliwee]

Voyant que mon sujet piétine un peu et après de nombreuses manipulations, je suis arrivé à faire la moitié de ce que je voulais obtenir. Mais le problème des sous forums persiste. En effet, pour plus d'explications, je voudrais qu'après chaque sous forum il y ai un saut à la ligne. Ce qui foire complètement avec moi.

Voici ce que donne une catégorie maintenant modifiée :

Voila ce que je voudrais :


Je vous remercie d'avance si vous pouvez m'aider.

[Alliwee]

Up ~

[Anzu]

Bonjour,

Pour les mettre à la ligne, il suffit de mettre un

Code:

<br />

dans l'intitulé du sous forum.
Sinon, il existe des scripts, qui ont d'ailleurs été donnés.

Cordialement.

[Alliwee]

Merci beaucoup et désolé du long dérangement.