probleme avec un tutorial Officiel

[kerrigan2A]

bonjour à toutes et tous, voici mon probleme :

voici le tutorial : https://forum.forumactif.com/questions-reponses-frequentes-f14/affichage-des-forums-avec-onglets-t269891.htm?highlight=onglets

j'ai réaliser ce tutorial, autrement dit j'ai copier/coller les codes dans leurs emplacements repsectifs le soucis c'est que je ne'est pas le meme resultat, c'est en "angle droit" et non en "arrondit" et sa ne ressemble en rien a l'image du tuto, merci pour votre aide, dois-je faire des modification dans les codes ?

voici mon forum et le resultat :

http://starcraftrevenge.strategyboards.com/

[kerrigan2A]

personne mour m'aider ?

[kerrigan2A]

Aidez moi s'il vous plait !

[Invité]

Bonjour, pouvons nous avoir ton template index_box ?

[kerrigan2A]

oui je te link sa atten

[kerrigan2A]

Voila le template - Index_Box :

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="1" cellpadding="0">
    <tr>
        <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"><div class="categories" align="center"> {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>
            </h{catrow.cathead.LEVEL}>
        </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">
                <span class="forumlink"><div class="titresfora">
                    <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</div>
                </span>
              <!-- [ DÉBUT DES MODIFICATIONS ] -->
 <div class="forum-description"><span class="genmed"><table><tr><td style="width:80%;">{catrow.forumrow.FORUM_DESC}</td><td class="row3 over" valign="middle" height="50">
        <div class="forum-stats">{catrow.forumrow.POSTS} messages, dans {catrow.forumrow.TOPICS} sujets.
<span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
      </td></tr></table></span>
</div>
<div class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</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 -->
<!-- [ FIN DES MODIFICATIONS ] -->
        <!-- 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 -->

[kerrigan2A]

et voici ma css feuille de style :

Code:

body {
  background-color: #43323E;
  background-image: url("http://i65.servimg.com/u/f65/13/25/09/37/bannia11.jpg");
  background-repeat:no-repeat;
}

a.mainmenu{
font-size: 11px;
color: #33262F;
font-variant: small-caps;
background-color: #;
text-decoration: none;
border: 2px solid #33262f;
-moz-border-radius: 6px;
}

a.mainmenu:hover{
font-size: 11px;
color: #33262F;
font-variant: small-caps;
background-color: #;
text-decoration: none;
border: 2px solid #33262f;
-moz-border-radius: 6px;
}

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 10px solid #33262f;
}

a.forumlink{
display:block;
text-align: center;
}a.forumlink {
border-bottom: 2px solid #503c4a;
display: block;
background-color: #43323f;
-moz-border-radius: 5px 5px 5px5px;
}

.statistiques{
border:20px;
background-image: url("http://i65.servimg.com/u/f65/13/25/09/37/quioes11.jpg");
background-repeat: no-repeat;
background-position: left;
height:470px;}

.groupes{
background-color:#;border: 2px #33262F solid;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:10px;padding-bottom:3px;
font-size:15px;font-weight: left;text-align:center;
text-decoration: none !important;}

#colour2 {
  text-align: center;
}

#colour2 a {
  background-color: #43323f;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
padding-left: 1px;
padding-top: 1px;
padding-right: 1px;
padding-botton: 1px;
border-bottom: 1px solid #503c4a ;
border-left: #503c4a 1px solid;
border-top: #503c4a  1px solid;
border-right: #503c4a 1px solid;
}

#colour2 a:hover {
  background-color: #43323f;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
padding-left: 1px;
padding-top: 1px;
padding-right: 1px;
padding-botton: 1px;
border-bottom: 1px solid #503c4a ;
border-left: #503c4a 1px solid;
border-top: #503c4a  1px solid;
border-right: #503c4a 1px solid;
}

.profilentour {
text-align:left;
padding:9px;
background-color:#43323f;
-moz-border-radius:0px;
}

input,textarea, select {font: normal 12px Arial;
    background-color: #33262F;
    border: 2px solid #503c4a;
    border-style: 2px solid;
    border-radius: 7px 7px;
    -moz-border-radius: 7px;}

a:link,a:active,a:visited {
text-decoration: none;
}

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

.titresfora{-moz-border-radius-topleft: 20px;
      -moz-border-radius-topright: 20px;
      -webkit-border-top-right-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;
      border-bottom: 0 none !important;
      border-left: 1px solid #d3d3d3;
      border-right: 1px solid #d3d3d3;
      border-top: 1px solid #d3d3d3;
      color: #000000;
      font-size: 11px;
      font-style: italic;
      height: 14px;
      left: 280px;
      padding: 3px;
      position: relative;
      text-align: center;
      width: 200px;}

.categories{
      background-color: #000000;
      border: 3px solid #ffffff;
      border-top: 0px !important;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      -webkit-border-bottom-right-radius: 14px;
      -webkit-border-bottom-left-radius: 14px;
      border-bottom-right-radius: 14px;
      border-bottom-left-radius: 14px;
      margin: auto;
      padding: 4px;
      color: #000000;
      width: 50%;
      text-align: center;
      height: 14px;
      font-size: 11px;}

/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
      margin: auto;
      padding: 10px;
      color: #000000;
      width: 90%;
      border: 3px solid #ffffff;
      -moz-border-radius: 14px;
      -webkit-border-radius: 14px;
      font-size: 12px;
}

/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
      -moz-border-radius: 20px;
      webkit-border-radius: 20px;
      border-radius: 20px;
      border: 3px solid #ffffff;
      color: #000000;
      font-size: 11px;
      font-style: italic;
      padding: 3px;
      text-align: center;
      }

/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
      color: #000000;
      border: 3px solid #ffffff;
      border-top: 0px !important;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      -webkit-border-bottom-right-radius: 14px;
      -webkit-border-bottom-left-radius: 14px;
      border-bottom-right-radius: 14px;
      border-bottom-left-radius: 14px;
      margin: auto;
      padding: 4px;
      color: #000000;
      width: 50%;
      text-align: center;
      height: 14px;
      font-size: 11px;
}

[kerrigan2A]

au pire j'aimerais au mon que l'onglet " X messages dans X catégories " ait la meme hauteur et la meme longueur partout si possible !

merci pour ton aide

[Invité]

O_o 4 postes de suite aie xD
Alors essaye de changer tout le template index_box:

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="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="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}>

<!-- [ DÉBUT DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ] -->

      <div class="forum-stats">{catrow.forumrow.POSTS} messages, dans {catrow.forumrow.TOPICS} sujets.</div>
<div class="forum-description">
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
</div>
<div class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</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">{catrow.forumrow.LAST_POST}</span>
      </td>

<!-- [ FIN DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ] -->

      <!-- 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 ton css:

Code:

body {
  background-color: #43323E;
  background-image: url("http://i65.servimg.com/u/f65/13/25/09/37/bannia11.jpg");
  background-repeat:no-repeat;
}

a.mainmenu{
font-size: 11px;
color: #33262F;
font-variant: small-caps;
background-color: #;
text-decoration: none;
border: 2px solid #33262f;
-moz-border-radius: 6px;
}

a.mainmenu:hover{
font-size: 11px;
color: #33262F;
font-variant: small-caps;
background-color: #;
text-decoration: none;
border: 2px solid #33262f;
-moz-border-radius: 6px;
}

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 10px solid #33262f;
}

a.forumlink{
display:block;
text-align: center;
}a.forumlink {
border-bottom: 2px solid #503c4a;
display: block;
background-color: #43323f;
-moz-border-radius: 5px 5px 5px5px;
}

.statistiques{
border:20px;
background-image: url("http://i65.servimg.com/u/f65/13/25/09/37/quioes11.jpg");
background-repeat: no-repeat;
background-position: left;
height:470px;}

.groupes{
background-color:#;border: 2px #33262F solid;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:10px;padding-bottom:3px;
font-size:15px;font-weight: left;text-align:center;
text-decoration: none !important;}

#colour2 {
  text-align: center;
}

#colour2 a {
  background-color: #43323f;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
padding-left: 1px;
padding-top: 1px;
padding-right: 1px;
padding-botton: 1px;
border-bottom: 1px solid #503c4a ;
border-left: #503c4a 1px solid;
border-top: #503c4a  1px solid;
border-right: #503c4a 1px solid;
}

#colour2 a:hover {
  background-color: #43323f;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
padding-left: 1px;
padding-top: 1px;
padding-right: 1px;
padding-botton: 1px;
border-bottom: 1px solid #503c4a ;
border-left: #503c4a 1px solid;
border-top: #503c4a  1px solid;
border-right: #503c4a 1px solid;
}

.profilentour {
text-align:left;
padding:9px;
background-color:#43323f;
-moz-border-radius:0px;
}

input,textarea, select {font: normal 12px Arial;
    background-color: #33262F;
    border: 2px solid #503c4a;
    border-style: 2px solid;
    border-radius: 7px 7px;
    -moz-border-radius: 7px;}

a:link,a:active,a:visited {
text-decoration: none;
}

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

.titresfora{-moz-border-radius-topleft: 20px;
      -moz-border-radius-topright: 20px;
      -webkit-border-top-right-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;
      border-bottom: 0 none !important;
      border-left: 1px solid #d3d3d3;
      border-right: 1px solid #d3d3d3;
      border-top: 1px solid #d3d3d3;
      color: #000000;
      font-size: 11px;
      font-style: italic;
      height: 14px;
      left: 280px;
      padding: 3px;
      position: relative;
      text-align: center;
      width: 200px;}

.categories{
      background-color: #000000;
      border: 3px solid #ffffff;
      border-top: 0px !important;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      -webkit-border-bottom-right-radius: 14px;
      -webkit-border-bottom-left-radius: 14px;
      border-bottom-right-radius: 14px;
      border-bottom-left-radius: 14px;
      margin: auto;
      padding: 4px;
      color: #000000;
      width: 50%;
      text-align: center;
      height: 14px;
      font-size: 11px;}

/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
      padding: 30px;
      color: #000000;
      width: 90%;
      border: 3px solid #ffffff;
      -moz-border-radius: 14px;
      -webkit-border-radius: 14px;
      font-size: 12px;
}

/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
      -moz-border-radius-topleft: 20px;
      -moz-border-radius-topright: 20px;
      -webkit-border-top-right-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;
      border-bottom: 0 none !important;
      border-left: 3px solid #ffffff;
      border-right: 3px solid #ffffff;
      border-top: 3px solid #ffffff;
      color: #000000;
      font-size: 11px;
      font-style: italic;
      height: 14px;
      left: 280px;
      padding: 3px;
      position: relative;
      text-align: center;
      width: 200px;
}

/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
      color: #000000;
      border: 3px solid #ffffff;
      border-top: 0px !important;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      -webkit-border-bottom-right-radius: 14px;
      -webkit-border-bottom-left-radius: 14px;
      border-bottom-right-radius: 14px;
      border-bottom-left-radius: 14px;
      margin: auto;
      padding: 4px;
      color: #000000;
      width: 50%;
      text-align: center;
      height: 14px;
      font-size: 11px;
}