Onglets catégories à gauche

[Rikku-Chan]

Rappel du premier message :

Bonjour =D

Je viens ici car j'ai des onglets de catégories mais j'aimerai qu'à la place de les trouver au dessus des catégories, les retrouver plutôt à gauche des catégories, comme ceci : https://i.servimg.com/u/f41/14/11/46/51/a10.jpg

Voici mon index-box :

Spoiler:

Merci d'avance à la personne qui prendra ma commande en charge ^^

[PandaP]

coucou voici:

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}
   
                </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> 
 
<center> <table><tr><td>   
<div id="conteneur_onglets">
  <div class="onglet"><img src="http://i41.servimg.com/u/f41/16/11/46/37/incipi11.png" /></div>
  <div class="onglet"><img src="http://i41.servimg.com/u/f41/14/11/46/51/contin10.png" /></div>
  <div class="onglet"><img src="http://i41.servimg.com/u/f41/16/11/46/37/midgar12.png" /></div>
  <div class="onglet"><img src="http://i41.servimg.com/u/f41/16/11/46/37/contin11.png" /></div>
  <div class="onglet"><img src="http://i41.servimg.com/u/f41/16/11/46/37/contin14.png" /></div>
  <div class="onglet"><img src="http://i41.servimg.com/u/f41/16/11/46/37/iles_d12.png" /></div>
  <div class="onglet"><img src="http://i41.servimg.com/u/f41/16/11/46/37/excipi11.png" /></div>
  </div></td><td>
<div id="conteneur_categories">
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div class="categorie">
<div class="haut2"></div>
<div class="contenucat"><div style="margin-left:15px;"><table class="forumline" width="750px" 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;"></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"><br />
                <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">
                <table width="100%"><tbody><tr><td><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}></td></tr></tbody></table>
              <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 -->
                  {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
              </span>
            </td>
 
            <td class="row3 over" align="center" valign="middle" height="50"><br />
              <div class="cadre1">{catrow.forumrow.POSTS} messages • {catrow.forumrow.TOPICS} sujets<br />
                <span class="gensmall">{catrow.forumrow.LAST_POST}</span></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>
          </div><div class="bas2"></div><img src="{SPACER}" alt="" height="5" width="1" /></div>
<!-- END catrow --><!-- END tablefoot -->
  </div></td></tr></table>

le css est le même , voilà n'oubli pas le merci et j'espère que c'est bon ^^ car je parts demain et je ne pourrais plus te répondre : )
penses à rajouter ça:

Code:

#conteneur_onglets
  {
  display: none;
  margin-left: -130px;
  }


[Rikku-Chan]

Merci beaucoup =D
Ca marche, seulement, moi j'aimerai que les onglets ne bougent pas lorsque l'on clique sur un autre onglet. Je m'explique, lorsque l'on clique sur Continent Ouest par exemple, les 7 onglets sont plus bas car il y a plus de catégories dans Continent Ouest que dans Incipit.

Regarde là : http://apple-test.forumsactifs.com/

Merci bien =)

[Rikku-Chan]

Up =)

[Rikku-Chan]

Petit UP =)

Comme j'ai du faire quelques modification dans mon template (j'ai changer les boutons) je te le redonne :

Spoiler:

Et voici le css :

Spoiler:

Merci bien =)

[Rikku-Chan]

J'ai trouvé comment faire =D

Merci bien PandaP encore une fois =D

[Vost]

Good game !

Bonne chance pour la suite !

Ps : on vois pas le résultat sur ton site ^^

[Rikku-Chan]

Si c'est sur mon forum test =)
Merci bien, toi aussi =D

A plus =)