3 Tableaux a onglet

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu 3 Tableaux a onglet

Message par Satsu Black le Mer 24 Aoû 2011 - 15:22

Bonjour!
Je vient de suivre la toute nouvelle astuce sur les 3 tableaux a onglets.
j'arrive a faire a peut près ce que je souhaite niveau physique des tableau, mais je n'arrive pas a inséré beaucoup de texte sans qu'il ne dépasse des cadres :/
et je n'arrive pas a inséré un tableau dedans aussi ><

aperçu du probleme (avec écriture)


voila mon code (avec tableau)
Spoiler:

Code:


        <div id="mes_onglets">
            <ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Acceuil</li>
                <li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Contexte</li>
                <li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Actuellement</li>
                <li id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Staff & Partenaires</li>
                <div class="clear"><div id="mes_contenus">

            <div id="co_1" class="

<th class="thTop forabg" colspan="1" rowspan="1">TITRE</th>
    <th class="thTop forabg" colspan="1" rowspan="1"> TITRE
</th>
    <th class="thTop forabg" colspan="1" rowspan="1"> TITRE
</th></tr>
  <tr>
    <td class="row3" colspan="1" rowspan="1" align="center">
        <span class="postbody>

Contenue

        </span>
      </td>
      <td class="row3" colspan="1" rowspan="1" align="center">
        <span class="postbody" text-align : "center";>
 
        Contenue

        </span>
      </td>


      <td class="row3" colspan="1" rowspan="1" >
        <span class="postbody">
           
Contenue

        </span>
      </td>
  </tr>
</tbody>
</table>.






"></div>


            <div id="co_2" class="mon_contenu" style="display: none;">Mon contenu 2</div>
            <div id="co_3" class="mon_contenu" style="display: none;">Mon contenu 3</div>
            <div id="co_4" class="mon_contenu" style="display: none;">Mon contenu 4</div>
        </div></div></ul></div>

merci de votre aide!


Dernière édition par Satsu Black le Mer 24 Aoû 2011 - 16:02, édité 1 fois

Satsu Black
***

Messages : 160
Inscrit(e) le : 04/12/2010

http://become-a-master.forumdefan.com
Satsu Black a été remercié(e) par l'auteur de ce sujet.

Résolu Re: 3 Tableaux a onglet

Message par Invité le Mer 24 Aoû 2011 - 15:37

Bonjour,

Il y a une petite erreur dans votre code, vous avez remplacez la class de l'onglet et non le contenu de la div, donc forcément ça fonctionne beaucoup moins bien Razz . Il ne faut pas modifier ce qui est en rouge, changezjuste la partie en violet, c'est le même modèle pour chaque contenu:
<div id="co_2" class="mon_contenu" style="display: none;">Mon contenu 2</div>

Pour l'insertion du tableau, cela fonctionne, il manque juste la balise <table> au début de votre tableau. Votre code corrigé:
Code:
<div id="mes_onglets">
            <ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Acceuil</li>
                <li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Contexte</li>
                <li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Actuellement</li>
                <li id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Staff & Partenaires</li>
                <div class="clear"><div id="mes_contenus">
 
            <div id="co_1"  class="mon_contenu">
 
<table><th class="thTop forabg" colspan="1" rowspan="1">TITRE</th>
    <th class="thTop forabg" colspan="1" rowspan="1"> TITRE
</th>
    <th class="thTop forabg" colspan="1" rowspan="1"> TITRE
</th></tr>
  <tr>
    <td class="row3" colspan="1" rowspan="1" align="center">
        <span class="postbody>
 
Contenue
 
        </span>
      </td>
      <td class="row3" colspan="1" rowspan="1" align="center">
        <span class="postbody" text-align : "center";>
 
        Contenue
 
        </span>
      </td>
 
 
      <td class="row3" colspan="1" rowspan="1" >
        <span class="postbody">
           
Contenue
 
        </span>
      </td>
  </tr>
</tbody>
</table>.
  </div>
 
            <div id="co_2" class="mon_contenu" style="display: none;">Mon contenu 2</div>
            <div id="co_3" class="mon_contenu" style="display: none;">Mon contenu 3</div>
            <div id="co_4" class="mon_contenu" style="display: none;">Mon contenu 4</div>
        </div></div></ul></div>

Pour le texte qui sort du cadre, avez-vous essayé en mettant des espaces?

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: 3 Tableaux a onglet

Message par Satsu Black le Mer 24 Aoû 2011 - 16:02

merci! sa marche maintenant ^^

Satsu Black
***

Messages : 160
Inscrit(e) le : 04/12/2010

http://become-a-master.forumdefan.com
Satsu Black a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum