forum personnalisé ( sans succès ._. )

[Naokiki]

bonjour à tous,

voilà, je me suis lancé dans la création d'un forum et je dois dire que je suis un peu rouillée u_u.
mon problème se situe au niveau des forums. je n'arrive pas à en faire ce que j'en souhaite, et ce n'est pas faut de ne pas avoir essayé.
en résumé, j'ai fait un petit schéma de ce que j'aimerais faire.


l'image sur la gauche est l'image de nouveau/pas de/ messages, etc

et voici la seule chose que j'arrive à obtenir ._.


j'ai également un petit soucis avec les statistiques mais une chose à la fois xD

pour vous aider, voici mon template index-box vu qu'il a été modifié pour faire les catégories sous forme d'onglets.

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>



    <!-- DEBUT MODIF ONGLETS -->


    <script type="text/javascript">
        <!--

        document.write('<div align="center" style="display:none;height:0px;" id="conteneur_barre_onglet">
        <br><br><ul class="conteneur_onglets">

        <li onClick="change_cat(1)" class="onglet actif" id="onglet_1"><div class=title2> titre catégorie</div></li>
    </ul>
    <ul class="conteneur_onglets">
        <li onClick="change_cat(2)" class="onglet " id="onglet_2"><div class=title2> titre catégorie</div></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 -->


      <tr>
        <td colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">
        <div class="logo-titre"></div>
       

        </td>
                    </tr>
                    <!-- END tablehead -->
                    <!-- BEGIN cathead -->



    <tr>

    <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}"></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="100%" height="50">
    <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}>

    <div class="descript"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
    </div><br><div class="forum-stats">{catrow.forumrow.POSTS} sujets et {catrow.forumrow.TOPICS} messages</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>
    <!-- BEGIN forum_link_no -->
    <td class="row3 over" align="center" valign="middle" height="50">
    <span class="gensmall"><div class="derniers_messages">{catrow.forumrow.LAST_POST}</div></span>
    </td>

    <!-- END forum_link_no -->
    <!-- BEGIN forum_link -->
    <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
    <!-- END forum_link -->
    </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 ;

Code:

body{
margin : 100px;
background-repeat: no-repeat;
background-position: top center;

}




/*CATEGORIS EN ONGLETS*/

input.liteoption
{
margin:5px;
}

input.mainoption
{
margin:10px;
}

.conteneur_onglets{
background-color: #acd8e5;
-moz-border-radius: 10px 0px 0px 10px;
-webkit-border-radius: 10px 0px 0px 10px;
-moz-box-shadow: -2px -2px 5px #000000;
height:30px;
text-decoration: none;
font-weight: normal;
font-family: verdana;
margin-bottom:0px;}

#conteneur_barre_onglet { display:block; position:relative; left:-201px; top:10px;width:200px;}

.title2{
color:#504947;
text-decoration: none;
font-weight: normal;
text-transform: uppercase;
font-family: tilmes new roman;
background-color: #71a1f1;
width:155px;
height: 5px;
padding: 1px;
margin-bottom: 10px;
display: block;
text-align: left;
text-shadow: 1px 1px 2px #504f4e;
font-size: 14px;
letter-spacing: -1px;
}


/*CORPS DU FORUM*/

.bodyline {-moz-border-radius:60px;}

.forumline{
background-image: -moz-linear-gradient(top, #d8e3e6, #d8e3e6, #d8e3e6);
border-top: 7px #71a1f1 solid;
border-left: 2px #71a1f1 solid;
border-right: 2px #71a1f1 solid ;
border-bottom: 7px #71a1f1 solid ;
margin-bottom: 8px;
padding: 10px;
-moz-border-radius-topleft: 50px;

-webkit-border-top-left-radius: 50px;
-webkit-border-bottom-right-radius: 50px;
-moz-box-shadow: 1px 1px 5px #000000; }

a.forumlink {
color: #ffffff;
font-family: arial;
font-size: 12px;}


/*BARRE DE NAVIGATION*/


.navig {
font-size: 20px;
font-family:stencil std;
font-style: bold;
position: fixed;
left: 0px;
top: 0px;
right: 0px;
display:block;
z-index: 999;
width: 99,5%;
padding: 2px;
background-color: #a0ced8;
border-bottom:5px #7a8ac3 solid;
}

**********************

 
   
    .forum-stats{
      text-align:center;
      font-size: 12px;
    font-family: stencil std;
    }
    .derniers_messages{
width:15%;
height:60px;
background-color:#ffffff;
border:5px #acd8e5 solid;
-moz-border-radius: 0px 10px 10px 0px;
padding:5px;
width:120px;
overflow:auto;
text-align:center;
line-height:9pt;
font-size:10px;
position:relative;left:0px;top:10px;
    }
********************************

/*Descriptions des forums*/
.descript {
width:15%;
background-color:#ffffff;
border:5px #acd8e5 solid;
-moz-border-radius: 0px 10px 10px 0px;
padding:5px;
width:400px;
height:60px;
overflow:auto;
text-align:center;
line-height:9pt;
font-size:10px;
position:relative;left:0px;top:10px;
    }


/*Descriptions des forums*/
.descript {
width:15%;
height:60px;
background-color:#ffffff;
border:5px #acd8e5 solid;
-moz-border-radius: 0px 10px 10px 0px;
padding:5px;
width:400px;
overflow:auto;
text-align:center;
line-height:9pt;
font-size:10px;
position:relative;left:0px;top:10px;
    }




j'espère que quelqu'un sera en mesure de m'aider. voilà le seul résultat que j'arrive à obtenir et je suis loin du compte ;o;

merci d'avance o/

[Naokiki]

un petit up ? ♥

[Little-princess]

Si quelqu'un voudrai bien m'aider ( NOUS ) Je cherche à faire la même chose !
' Sa ne te gene pas ' ?

[Naokiki]

ça ne me gêne absolument pas du moment que tu personnalises ton code =)
mais avant cela, il faut que quelqu'un nous vienne en aide ♥ *faislesyeuxdelabiche*

[Little-princess]

Je UP

[Invité]

Bonjour, Je vous rappelle qu'il est autorisé un seul UP de la part de l'auteur du sujet par tranche de 24 heures, à partir de son dernier message posté dans le sujet concerné. Je vous invite à lire : - Règles générales du forum - Charte de ce forum A bientôt sur ForumActif

Bonjour,

La partie à retravailler dans votre template est celle-ci:

Code:

<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="100%" height="50">
    <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}>

    <div class="descript"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
    </div><br><div class="forum-stats">{catrow.forumrow.POSTS} sujets et {catrow.forumrow.TOPICS} messages</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>
    <!-- BEGIN forum_link_no -->
    <td class="row3 over" align="center" valign="middle" height="50">
    <span class="gensmall"><div class="derniers_messages">{catrow.forumrow.LAST_POST}</div></span>
    </td>


Si j'ai bien compris, vous devez utiliser un système de fieldset pour mettre le titre en haut de la description.

Code:

<fieldset> <legend> la variable du titre du forum</legend> variables description et statistiques (modérateurs? liens vers les niveaus inférieurs?)</fieldset>

Vous êtes sur la bonne voie pour la colonne dernier message. Si votre description est plus large, le dernier message sera plus proche.

Pour l'icone, je n'arrive pas à savoir si elle est collée au bord de la description ou si elle passe en dessous.

Cordialement.

[Little-princess]

Je laisse tombé , Jy arrive pas --' .. Merci pour ton aide ;=)

[Naokiki]

merci beaucoup de ton aide isolde. little-princess... ._. tu ne serais pas un peu opportuniste par hasard ?

j'ai essayé de placer le fieldset et on va dire que j'ai a moitié réussi.
déjà, pour commencer, j'ai changé quelque chose à votre code, sinon cela ne fonctionnait pas bien. mais c'est sans doute moi qui ne sait pas le placer correctement. j'ai du changer le <legend> de place en fait. je l'ai placé après une variable, et non avant. sinon, le résultat était qu'il ne m'encadrait pas la description du forum.

et en installant ce code, une idée m'est venue. o/
est ce qu'il serait possible, grâce au fieldset, d'encadrer la description, ainsi que la partie de droite avec le dernier message posté ? dans ce cas, j'obtiendrais un seul bloc. et grâce au css, je pourrais modeler le toute pour obtenir quelque chose de correct.

et en parlant du css, je n'arrive pas à le faire correspondre avec ma balise .cadre du template. je ne sais absolument pas pourquoi. uu

pour l'image, oui il faudrait qu'elle soit collée, et là, encore une fois, y a t-il moyen de également faire rentrer cette variable dans le bloc du fieldset ?

*DEAD* xD

le template ;

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>



  <!-- DEBUT MODIF ONGLETS -->


    <script type="text/javascript">
        <!--

        document.write('<div align="center" style="display:none;height:0px;" id="conteneur_barre_onglet">
        <br><br><ul class="conteneur_onglets">

        <li onClick="change_cat(1)" class="onglet actif" id="onglet_1"><div class=title2> titre catégorie</div></li>
    </ul>
    <ul class="conteneur_onglets">
        <li onClick="change_cat(2)" class="onglet " id="onglet_2"><div class=title2> titre catégorie</div></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 -->

      <tr>
        <td colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">
        <div class="logo-titre"></div>
        <div class="titre-cat">{catrow.tablehead.L_FORUM}</div>

        </td>
                    </tr>
                    <!-- END tablehead -->
                    <!-- BEGIN cathead -->



    <tr>

    <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="100%" height="50">
  <fieldset class="cadre">    <h{catrow.forumrow.LEVEL} class="hierarchy"> <legend>
    <span class="forumlink">
    <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</legend></a>

    </span>
    </h{catrow.forumrow.LEVEL}>

    <span class="genmed">{catrow.forumrow.FORUM_DESC}
    </div><div class="forum-stats">{catrow.forumrow.POSTS} dossiers et {catrow.forumrow.TOPICS} feuilles volantes</div>
    <span class="gensmall">
 

    </span></fieldset>
    </td>
    <!-- BEGIN forum_link_no -->
    <td class="row3 over" align="center" valign="middle" height="50">
    <span class="gensmall"><div class="derniers_messages">{catrow.forumrow.LAST_POST}</div></span>
    </td>

    <!-- END forum_link_no -->
    <!-- BEGIN forum_link -->
    <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
    <!-- END forum_link -->
    </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 le css ( qui ne marche pas mdr ) ;

Code:

.cadre {
width:500px;
height:130px;
overflow:auto;
border-left:#434764 5px solid ;
border-right:#434764 5px solid ;
border-top:#434764 2px solid ;
border-bottom:#434764 2px solid ;
-moz-border-radius:30px;
border-radius:30px;
padding:5px;
  display: block;
    padding-left: 15px;
    padding-right: 15px;
    text-align:justify;}


ce qui donne, ceci;


j'ai abandonné les cadres blanc, misant tout sur le fieldset xD, ce que je ne comprends vraiment pas, c'est pourquoi mon css ne fonctionne pas.

[Invité]

Bonjour,

Je ne suis pas sure d'avoir compris tout ce que vous voulez changer. J'ai tenté quelquechose: un tableau à l'intérieur du fieldset pour regrouper description et dernier message. J'ai aussi enlever cette fichue variable qui empêche la class du fieldset de fonctionner .
Le template:

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>



  <!-- DEBUT MODIF ONGLETS -->


    <script type="text/javascript">
        <!--

        document.write('<div align="center" style="display:none;height:0px;" id="conteneur_barre_onglet">
        <br><br><ul class="conteneur_onglets">

        <li onClick="change_cat(1)" class="onglet actif" id="onglet_1"><div class=title2> titre catégorie</div></li>
    </ul>
    <ul class="conteneur_onglets">
        <li onClick="change_cat(2)" class="onglet " id="onglet_2"><div class=title2> titre catégorie</div></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 -->

      <tr>
        <td colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">
        <div class="logo-titre"></div>
        <div class="titre-cat">{catrow.tablehead.L_FORUM}</div>

        </td>
                    </tr>
                    <!-- END tablehead -->
                    <!-- BEGIN cathead -->



    <tr>

    <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="100%" height="50">
  <fieldset class="cadre"><legend>
    <span class="forumlink">
    <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</legend></a>

    </span>
   
<table><tr>
<td>
    <span class="genmed">{catrow.forumrow.FORUM_DESC}
    </div><div class="forum-stats">{catrow.forumrow.POSTS} dossiers et {catrow.forumrow.TOPICS} feuilles volantes</div>
    <span class="gensmall">
 

    </span>
    </td>
    <!-- BEGIN forum_link_no -->
    <td class="row3 over" align="center" valign="middle" height="50">
    <span class="gensmall"><div class="derniers_messages">{catrow.forumrow.LAST_POST}</div></span>
    </td></tr></table></fieldset>

    <!-- END forum_link_no -->
    <!-- BEGIN forum_link -->
    <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
    <!-- END forum_link -->
    </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 -->

Pour coller l'image, il faudrait peut être supprimer les margin les padding et les cellspacing du tableau, je n'ai pas testé.

Cordialement.

[Naokiki]

wouah merci, je sens qu'on progresse, enfin surtout vous xD
donc là, tout est parfait, l'image, je suppose en effet que modifier les données devrait suffire.

mon dernier problème reste ce fichu css qui ne fonctionne pas. mais ce qui est encore plus étrange c'est que si dans mon css je tape du .cadre:hover { PROPRIETES DIVERSES. et bien ça fonctionne, mais uniquement au survol du lien...logique vu qu'il s'agit d'un hover.

une idée d'où ça pourrait provenir ?

[Invité]

Bonjour,

De mon coté, je n'ai pas de soucis avec ce CSS:

Code:

body{
margin : 100px;
background-repeat: no-repeat;
background-position: top center;
 
}
 
 
 
 
/*CATEGORIS EN ONGLETS*/
 
input.liteoption
{
margin:5px;
}
 
input.mainoption
{
margin:10px;
}
 
.conteneur_onglets{
background-color: #acd8e5;
-moz-border-radius: 10px 0px 0px 10px;
-webkit-border-radius: 10px 0px 0px 10px;
-moz-box-shadow: -2px -2px 5px #000000;
height:30px;
text-decoration: none;
font-weight: normal;
font-family: verdana;
margin-bottom:0px;}
 
#conteneur_barre_onglet { display:block; position:relative; left:-201px; top:10px;width:200px;}
 
.title2{
color:#504947;
text-decoration: none;
font-weight: normal;
text-transform: uppercase;
font-family: tilmes new roman;
background-color: #71a1f1;
width:155px;
height: 5px;
padding: 1px;
margin-bottom: 10px;
display: block;
text-align: left;
text-shadow: 1px 1px 2px #504f4e;
font-size: 14px;
letter-spacing: -1px;
}
 
 
/*CORPS DU FORUM*/
 
.bodyline {-moz-border-radius:60px;}
 
.forumline{
background-image: -moz-linear-gradient(top, #d8e3e6, #d8e3e6, #d8e3e6);
border-top: 7px #71a1f1 solid;
border-left: 2px #71a1f1 solid;
border-right: 2px #71a1f1 solid ;
border-bottom: 7px #71a1f1 solid ;
margin-bottom: 8px;
padding: 10px;
-moz-border-radius-topleft: 50px;
 
-webkit-border-top-left-radius: 50px;
-webkit-border-bottom-right-radius: 50px;
-moz-box-shadow: 1px 1px 5px #000000; }
 
a.forumlink {
color: #ffffff;
font-family: arial;
font-size: 12px;}
 
 
/*BARRE DE NAVIGATION*/
 
 
.navig {
font-size: 20px;
font-family:stencil std;
font-style: bold;
position: fixed;
left: 0px;
top: 0px;
right: 0px;
display:block;
z-index: 999;
width: 99,5%;
padding: 2px;
background-color: #a0ced8;
border-bottom:5px #7a8ac3 solid;
}
 
**********************
 
 
   
    .forum-stats{
      text-align:center;
      font-size: 12px;
    font-family: stencil std;
    }
    .derniers_messages{
width:15%;
height:60px;
background-color:#ffffff;
border:5px #acd8e5 solid;
-moz-border-radius: 0px 10px 10px 0px;
padding:5px;
width:120px;
overflow:auto;
text-align:center;
line-height:9pt;
font-size:10px;
position:relative;left:0px;top:10px;
    }
********************************
 
/*Descriptions des forums*/
.descript {
width:15%;
background-color:#ffffff;
border:5px #acd8e5 solid;
-moz-border-radius: 0px 10px 10px 0px;
padding:5px;
width:400px;
height:60px;
overflow:auto;
text-align:center;
line-height:9pt;
font-size:10px;
position:relative;left:0px;top:10px;
    }
 
 
/*Descriptions des forums*/
.descript {
width:15%;
height:60px;
background-color:#ffffff;
border:5px #acd8e5 solid;
-moz-border-radius: 0px 10px 10px 0px;
padding:5px;
width:400px;
overflow:auto;
text-align:center;
line-height:9pt;
font-size:10px;
position:relative;left:0px;top:10px;
    }
 
 .cadre {
width:500px;
height:130px;
overflow:auto;
border-left:#434764 5px solid ;
border-right:#434764 5px solid ;
border-top:#434764 2px solid ;
border-bottom:#434764 2px solid ;
-moz-border-radius:30px;
border-radius:30px;
padding:5px;
  display: block;
    padding-left: 15px;
    padding-right: 15px;
    text-align:justify;}

Et ce template:

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>
 
 
 
  <!-- DEBUT MODIF ONGLETS -->
 
 
    <script type="text/javascript">
        <!--
 
        document.write('<div align="center" style="display:none;height:0px;" id="conteneur_barre_onglet">
        <br><br><ul class="conteneur_onglets">
 
        <li onClick="change_cat(1)" class="onglet actif" id="onglet_1"><div class=title2> titre catégorie</div></li>
    </ul>
    <ul class="conteneur_onglets">
        <li onClick="change_cat(2)" class="onglet " id="onglet_2"><div class=title2> titre catégorie</div></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 -->
 
      <tr>
        <td colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">
        <div class="logo-titre"></div>
        <div class="titre-cat">{catrow.tablehead.L_FORUM}</div>
 
        </td>
                    </tr>
                    <!-- END tablehead -->
                    <!-- BEGIN cathead -->
 
 
 
    <tr>
 
    <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="100%" height="50">
  <fieldset class="cadre"><legend>
    <span class="forumlink">
    <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</legend></a>
 
    </span>
   
<table><tr>
<td>
    <span class="genmed">{catrow.forumrow.FORUM_DESC}
    </div><div class="forum-stats">{catrow.forumrow.POSTS} dossiers et {catrow.forumrow.TOPICS} feuilles volantes</div>
    <span class="gensmall">
 
 
    </span>
    </td>
    <!-- BEGIN forum_link_no -->
    <td class="row3 over" align="center" valign="middle" height="50">
    <span class="gensmall"><div class="derniers_messages">{catrow.forumrow.LAST_POST}</div></span>
    </td></tr></table></fieldset>
 
    <!-- END forum_link_no -->
    <!-- BEGIN forum_link -->
    <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
    <!-- END forum_link -->
    </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 -->

Cordialement.

[Naokiki]

après pas mal de tentatives et de travail, j'ai résolu mon problème. tout est parfait. quelques petites erreurs résolues et c'est bon.

merci beaucoup pour votre aide car sans vous, je ne sais pas si j'aurais avancer comme j'ai avancé aujourd'hui. ♥

je marque en résolu =)