Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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
avatar

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.
avatar

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 ^^
avatar

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