Problème avec une structure de type tableau à onglets

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

Résolu Problème avec une structure de type tableau à onglets

Message par Skyward Wind le Mar 27 Aoû 2013 - 19:09

Bonsoir à vous!

J'ai cherché dans les archives pour voir si je trouvais solution à mon problème, sans succès... Je viens donc demander un peu d'aide ^^

Le forum où je fais des tests de design est le suivant. Sur ma page d'accueil, j'ai réussi à faire un tableau à onglet, de même pour mon QEEL où je n'ai pas eu de problème. En revanche, sur la page d'accueil à l'onglet "Wanted", j'ai voulu réutiliser la structure de mon QEEL pour présenter les prédéfinis du forum : les icônes des personnages sur deux colonnes, et au milieu leur description lorsque l'on clique sur une icône. Cela marche... mais seulement pour le côté gauche. Le problème vient-il du fait que les "onglets" (ici icônes) soient après ce à quoi ils renvoient (ici la description des personnages)?

Je précise que cette partie est dans une page HTML à part pour ne pas interférer avec mon QEEL. D'ailleurs, si vous pouviez aussi m'aider à faire rentrer en entier ce tableau dans l'onglet Wanted ce serait génial, vous pouvez voir qu'il y a une barre de défilement qui apparait au dessous...

Voici le code complet de ma page HTML :

Code:
<script type="text/javascript">
function changeOnglet(_this){
    var getOnglets    = document.getElementById('predefinis').getElementsByTagName('span');
    for(var i = 0; i < getOnglets.length; i++){
        if(getOnglets[i].id){
            if(getOnglets[i].id == _this.id){
                getOnglets[i].className = 'predefinis_selected';
                document.getElementById('c' + _this.id).style.display            = 'block';
            }
            else{
                getOnglets[i].className = 'predefinis';
                document.getElementById('c' + getOnglets[i].id).style.display    = 'none';
            }
        }
    }    
}
</script>

<style>
.wanted {
width: auto;
margin: 0 auto;
}
.predefinis {
padding: 0px;
margin: 5px;
color: #000;
background: transparent;
cursor: pointer;
display:block;
}
.predefinis:hover {
border: 2px solid #352609;
margin:3px;
cursor:url(http://www.patmax.eu/C2/130813160758.cur), auto !important;
display:block;
}
.predefinis_selected {
padding: 0px;
margin: 3px;
border: 2px solid #352609;
display:block;
}
.predef_description {
width: 200px;
height: 190px;
overflow-y: auto;
color: #000;
font-size: 11px;
text-align: justify;
line-height: normal;
border: 2px solid #352609;
padding: 10px;
margin: 4px;
}

          .sous_titre {
          text-align:center;
          font-weight:bold;
          font-size:11px;
          color:#f8fb70;
          text-shadow:1px 1px 2px #000000;
}

body {  cursor:url(http://www.patmax.eu/C2/130813160054.cur), auto !important; }
a {cursor:url(http://www.patmax.eu/C2/130813160758.cur), auto !important; }
a img {cursor:url(http://www.patmax.eu/C2/130813160758.cur), auto !important;}
input.liteoption {cursor:url(http://www.patmax.eu/C2/130813160758.cur), auto !important;}
html.waiting { cursor: url(http://www.patmax.eu/C2/130813161531.ani),wait !important; }

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

::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

</style>


<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0" style="font-size: 10px; font-family: Verdana,Arial,Helvetica,sans-serif; letter-spacing:-1px; overflow: hidden;"><tr>
 
<tr><td width="90%" align="center" valign="middle">
<table class="wanted" align="center"><tr>
 
<td class="predefs" align="center" valign="middle">
<table><tr><td align="justify" valign="top" class="gensmall">
<td style="padding-bottom: 4px;" align="center" id="predefinis" valign="middle">
<span id="o_23" class="predefinis_selected" onclick="changeOnglet(this);"><img src="http://sm1.photorapide.com/membres/326/photos/q4c105.jpg"></span>
<span id="o_24" class="predefinis" onclick="changeOnglet(this);"><img src="http://sm1.photorapide.com/membres/326/photos/ck4277.jpg"></span>
<span id="o_25" class="predefinis" onclick="changeOnglet(this);"><img src="http://sm1.photorapide.com/membres/326/photos/2zm58n.png"></span>
</td></tr></table>
</td>
 
<td align="center" valign="middle"> <div id="predef_description">
  <div id="co_23" class="predef_description"> <a href="http://illuvis.forumactif.org/t20-gouvernement-2-5"><div class="sous_titre">Edith Renar</div></a><br />
<b>Age :</b> 37 ans<br>
<b>Statut :</b> Réelle.<br>
<b>Métier :</b> Quatrième Conseillère.<br>
<b>Habitation :</b> Centre d'Edernys.<br>
<b>Caractère :</b> De prime abord, lorsque l'on rencontre Edith, on ne pense pas à son niveau de compétence, mais plutôt à son physique et son habillement. In concreto, on la prend pour une jolie pépée qui n'a rien dans la cervelle. Mauvaise idée de penser cela. De une ça va profondément l'agacer, de deux elle va vous prouver par a + b qu'elle connaît son affaire. Vous l'avez donc compris, les finances, les concepts économiques, ça la connaît, et sur le bout des doigts. À part sa compétence, on relève aussi sa loyauté au Conseil, sa volonté de veiller au bien-être de tous. C'est également une battante que nul obstacle n'arrête.
  <br><br><div style="font-style:italic; text-align:right;"><a href="http://illuvis.forumactif.org/t20-gouvernement-2-5">La suite ici ></a></div></div>
    <div id="co_24" class="predef_description" style="display: none;"><a href="http://illuvis.forumactif.org/t29-scientifiques-1-1"><div class="sous_titre">Andrew Bauhmann</div></a><br />
<b>Age :</b> 4 décennies et 8 ans.<br>
<b>Statut :</b> Réel<br>
<b>Métier :</b> Scientifique, chef d’un groupe de recherches et accessoirement celui qui a découvert Illuvis.<br>
<b>Caractère :</b> Andrew est un homme de très grande sympathie et gentillesse qu’il ne cache pas. Toujours très soucieux de ceux qui l’entourent (même ceux qui ne lui sont pas proches), il essaie constamment de faire de son mieux pour que tout aille bien, que ce soit dans sa famille ou au travail. D’ailleurs, en parlant de sa famille, notre cher homme l’aime énormément. Ses quatre enfants et sa femme sont toute sa vie. Même si son travail représente une énorme réussite, sa famille passe toujours avant, mais il a, hélas, du mal à le prouver parfois. Depuis que les Irréels sont apparus pour de bon, Andrew a beaucoup plus de travail et sa fille aînée, Gaëlle, lui reproche souvent de préférer ces « créatures » à ses propres enfants. Son jeune frère tend d’ailleurs à penser la même chose. Alors vous l’aurez bien compris, cette situation met bien ce pauvre Andrew dans… l’embarras. Il aimerait bien pouvoir être toujours présent pour ses enfants, surtout pour ses deux dernières filles qui n’ont que sept ans, mais son travail lui prend beaucoup plus de temps qu’avant. C’est dur la vie de scientifique.<br>
De plus, comme vous l’aurez deviné, Andrew Bauhmann est un homme très intelligent. N’importe qui ne peut pas se permettre de trouver la substance qui va révolutionner le monde… ou presque. N’est-ce pas ? Cependant, il a tendance à être plutôt modeste et ne se vantera jamais de ses grandes capacités intellectuelles capables de surprendre n’importe qui. Après tout, il fait partie de la faible portion d’Ederniens à avoir obtenu son diplôme pour passer en quaternaires à seulement quinze ans ou moins.
  <br><br><div style="font-style:italic; text-align:right;"><a href="http://illuvis.forumactif.org/t29-scientifiques-1-1">La suite ici ></a></div></div>
    <div id="co_25" class="predef_description" style="display: none;"> <a href="http://illuvis.forumactif.org/t27-les-reels-1-2"><div class="sous_titre">August Waynes</div></a><br />
<b>Age :</b> 47 ans<br>
<b>Statut :</b> Réel<br>
<b>Métier :</b> Ouvrier dans une usine alimentaire.<br>
<b>Caractère :</b> August est un homme plutôt taciturne et renfermé sur lui-même. Il peut être difficile à approcher, mais n'est pas désagréable pour autant. Une fois que l'on passe outre cet aspect froid et distant, il se révèle être un ami attentif et toujours là pour aider. Il a un important réseau de connaissances, et sait user de sa nature imposante et de son charisme pour rallier les autres à sa cause.<br>
D'autre part, il nourrit certains griefs contre le Gouvernement et la société dans laquelle ils vivent. La répartition de la ville en secteurs d'activités lui semble totalement injuste et inégale : le Quartier Sud pâtit ainsi de ses activités moins rentables que les autres. Il n'a jamais bougé de son quartier, mais son frère Edmond lui rend parfois visite et en digne commerçant du Quartier Est lui raconte les ragots de tout Edernys. Et comme vous pouvez l'imaginer, l’apparition des Irréels n'a rien fait pour arranger les choses. Au contraire, ces êtres plus résistants, moins couteux à faire travailler, ne font que remplacer petit à petit la main d’œuvre Réelle. Enfin, c'est ce qu'il prévoit en tout cas. Il n'en a jamais rencontré personnellement...
  <br><br><div style="font-style:italic; text-align:right;"><a href="http://illuvis.forumactif.org/t27-les-reels-1-2">La suite ici ></a></div></div>
    <div id="co_26" class="predef_description" style="display: none;"><a href="http://illuvis.forumactif.org/t27-les-reels-1-2"><div class="sous_titre">August Waynes</div></a><br />
<b>Age :</b> 47 ans<br>
<b>Statut :</b> Réel<br>
<b>Métier :</b> Ouvrier dans une usine alimentaire.<br>
<b>Caractère :</b> August est un homme plutôt taciturne et renfermé sur lui-même. Il peut être difficile à approcher, mais n'est pas désagréable pour autant. Une fois que l'on passe outre cet aspect froid et distant, il se révèle être un ami attentif et toujours là pour aider. Il a un important réseau de connaissances, et sait user de sa nature imposante et de son charisme pour rallier les autres à sa cause.<br>
D'autre part, il nourrit certains griefs contre le Gouvernement et la société dans laquelle ils vivent. La répartition de la ville en secteurs d'activités lui semble totalement injuste et inégale : le Quartier Sud pâtit ainsi de ses activités moins rentables que les autres. Il n'a jamais bougé de son quartier, mais son frère Edmond lui rend parfois visite et en digne commerçant du Quartier Est lui raconte les ragots de tout Edernys. Et comme vous pouvez l'imaginer, l’apparition des Irréels n'a rien fait pour arranger les choses. Au contraire, ces êtres plus résistants, moins couteux à faire travailler, ne font que remplacer petit à petit la main d’œuvre Réelle. Enfin, c'est ce qu'il prévoit en tout cas. Il n'en a jamais rencontré personnellement...
  <br><br><div style="font-style:italic; text-align:right;"><a href="http://illuvis.forumactif.org/t27-les-reels-1-2">La suite ici ></a></div></div>
      <div id="co_27" class="predef_description" style="display: none;"> <a href="http://illuvis.forumactif.org/g8-militaires"><div class="sous_titre">Militaires</div></a><br />
  Ce sont les Réels composant l'armée d'Edernys. Ils peuvent faire partie de la police civile ou des pompiers par exemple. Leur base se situe en périphérie de la ville, et ils doivent y loger toute la semaine, en ayant le week-end de libre. <br>
Ils reçoivent leurs ordres du Conseiller à l'Armée, indirectement pour la plupart, l'armée étant un domaine très hiérarchise. Les militaires travaillent moins longtemps que les fonctionnaires, et peuvent donc partir à la retraite plus tôt.
  <br><br><div style="font-style:italic; text-align:right;"><a href="http://illuvis.forumactif.org/t21-les-differents-groupes">Plus d'infos ici ></a></div></div>
    <div id="co_28" class="predef_description" style="display: none;"><a href="http://illuvis.forumactif.org/g9-gouvernement"><div class="sous_titre">Gouvernement</div></a><br />
Le gouvernement s'appelle Conseil et est composé de cinq membres : Le Maître du Conseil, et quatre conseillers.
<br>Le Maître du Conseil est celui à qui est laissé le pouvoir de décision finale et il peut aller à l'encontre de l'avis de ses conseillers s'il le juge nécessaire.
<br>Le premier conseiller est un militaire et s'occupe de tout ce qui concerne la défense, l'armée.
<br>Le second conseiller est un scientifique et s'occupe de tout le domaine scientifique, des Irréels en général, du domaine de l'éducation.
<br>Le troisième conseiller est une femme qui s'occupera de la culture, de la propagande, des services de renseignement, des services secrets.
<br>Le quatrième conseiller est une femme chargée de l'économie, des finances et des marchés.
  <br><br><div style="font-style:italic; text-align:right;"><a href="http://illuvis.forumactif.org/t21-les-differents-groupes">Plus d'infos ici ></a></div></div>
</div>
</td>
 
<td class="predefs" align="center" valign="middle">
<table><tr><td align="justify" valign="top" class="gensmall">
<span id="o_26" class="predefinis" onclick="changeOnglet(this);"><img src="http://sm1.photorapide.com/membres/326/photos/xh7frc.jpg"></span>
<span id="o_27" class="predefinis" onclick="changeOnglet(this);"><img src="http://sm1.photorapide.com/membres/326/photos/2v78uc.jpg"></span>
<span id="o_28" class="predefinis" onclick="changeOnglet(this);"><img src="http://sm1.photorapide.com/membres/326/photos/d8r3uc.png"></span>
</td></tr></table>
</td>
 
</tr></table>
 
</td></tr></table>
Merci de votre aide!


EDIT : J'ai réussi à enlever la barre de défilement, et à centrer l'iframe avec un margin-left:-13px. Ce n'est sûrement pas la bonne solution, mais je n'ai pas trouvé mieux...


Dernière édition par Skyward Wind le Mer 4 Sep 2013 - 17:55, édité 3 fois

Skyward Wind
Nouveau membre

Féminin
Messages : 8
Inscrit(e) le : 26/10/2012

http://ploup.forumactif.org/
Skyward Wind a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec une structure de type tableau à onglets

Message par Skyward Wind le Mer 28 Aoû 2013 - 19:11

Up! Smile

Skyward Wind
Nouveau membre

Féminin
Messages : 8
Inscrit(e) le : 26/10/2012

http://ploup.forumactif.org/
Skyward Wind a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec une structure de type tableau à onglets

Message par Skyward Wind le Ven 30 Aoû 2013 - 17:16

Up!

Skyward Wind
Nouveau membre

Féminin
Messages : 8
Inscrit(e) le : 26/10/2012

http://ploup.forumactif.org/
Skyward Wind a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec une structure de type tableau à onglets

Message par Skyward Wind le Sam 31 Aoû 2013 - 20:35

Up s'il vous plait ><

Skyward Wind
Nouveau membre

Féminin
Messages : 8
Inscrit(e) le : 26/10/2012

http://ploup.forumactif.org/
Skyward Wind a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec une structure de type tableau à onglets

Message par Skyward Wind le Dim 1 Sep 2013 - 22:42

Personne pour m'aider? ='(

Skyward Wind
Nouveau membre

Féminin
Messages : 8
Inscrit(e) le : 26/10/2012

http://ploup.forumactif.org/
Skyward Wind a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec une structure de type tableau à onglets

Message par Skyward Wind le Lun 2 Sep 2013 - 23:44

Up s'il vous plait ='(

Skyward Wind
Nouveau membre

Féminin
Messages : 8
Inscrit(e) le : 26/10/2012

http://ploup.forumactif.org/
Skyward Wind a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec une structure de type tableau à onglets

Message par Skyward Wind le Mer 4 Sep 2013 - 14:31

S'il vous plait j'ai besoin d'aide, il ne me manque que ça pour finir le nouveau design de mon forum =/

Skyward Wind
Nouveau membre

Féminin
Messages : 8
Inscrit(e) le : 26/10/2012

http://ploup.forumactif.org/
Skyward Wind a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec une structure de type tableau à onglets

Message par Invité le Mer 4 Sep 2013 - 16:05

Bonjour,

j'ai remarqué que si on met tous les onglets dans le même tableau ça fonctionne Smile
je chercher la solution à moins que quelqu'un trouve la solution avant Smile

Cdt

Invité
Invité


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

Résolu Re: Problème avec une structure de type tableau à onglets

Message par Invité le Mer 4 Sep 2013 - 17:33

Bon c'est du bricolage mais ça marche !!

met ce code:
Code:
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0" style="font-size: 10px; font-family: Verdana,Arial,Helvetica,sans-serif; letter-spacing:-1px; overflow: hidden;">
  <tr>
    <td width="90%" align="center" valign="middle"><table class="wanted" align="center">
        <tr>
          <td class="predefs" align="center" valign="middle"><table>
              <tr>
                <td align="justify" valign="top" class="gensmall">
                <td style="padding-bottom: 4px;" align="center" id="predefinis" valign="middle">
                <span id="o_23" class="predefinis_selected" onclick="changeOnglet(this);"><img src="http://sm1.photorapide.com/membres/326/photos/q4c105.jpg"></span>
                <span id="o_24" class="predefinis" onclick="changeOnglet(this);"><img src="http://sm1.photorapide.com/membres/326/photos/ck4277.jpg"></span>
                <span id="o_25" class="predefinis" onclick="changeOnglet(this);"><img src="http://sm1.photorapide.com/membres/326/photos/2zm58n.png"></span>
                <span id="o_26" class="predefinis" onclick="changeOnglet(this);"></span>
                <span id="o_27" class="predefinis" onclick="changeOnglet(this);"></span>
                <span id="o_28" class="predefinis" onclick="changeOnglet(this);"></span></td>
              </tr>
            </table></td>
          <td align="center" valign="middle"><div id="predef_description">
              <div id="co_23" class="predef_description"> <a href="http://illuvis.forumactif.org/t20-gouvernement-2-5">
                <div class="sous_titre">Edith Renar</div>
                </a><br />
                <b>Age :</b> 37 ans<br>
                <b>Statut :</b> Réelle.<br>
                <b>Métier :</b> Quatrième Conseillère.<br>
                <b>Habitation :</b> Centre d'Edernys.<br>
                <b>Caractère :</b> De prime abord, lorsque l'on rencontre Edith, on ne pense pas à son niveau de compétence, mais plutôt à son physique et son habillement. In concreto, on la prend pour une jolie pépée qui n'a rien dans la cervelle. Mauvaise idée de penser cela. De une ça va profondément l'agacer, de deux elle va vous prouver par a + b qu'elle connaît son affaire. Vous l'avez donc compris, les finances, les concepts économiques, ça la connaît, et sur le bout des doigts. À part sa compétence, on relève aussi sa loyauté au Conseil, sa volonté de veiller au bien-être de tous. C'est également une battante que nul obstacle n'arrête. <br>
                <br>
                <div style="font-style:italic; text-align:right;"><a href="http://illuvis.forumactif.org/t20-gouvernement-2-5">La suite ici ></a></div>
              </div>
              <div id="co_24" class="predef_description" style="display: none;"><a href="http://illuvis.forumactif.org/t29-scientifiques-1-1">
                <div class="sous_titre">Andrew Bauhmann</div>
                </a><br />
                <b>Age :</b> 4 décennies et 8 ans.<br>
                <b>Statut :</b> Réel<br>
                <b>Métier :</b> Scientifique, chef d’un groupe de recherches et accessoirement celui qui a découvert Illuvis.<br>
                <b>Caractère :</b> Andrew est un homme de très grande sympathie et gentillesse qu’il ne cache pas. Toujours très soucieux de ceux qui l’entourent (même ceux qui ne lui sont pas proches), il essaie constamment de faire de son mieux pour que tout aille bien, que ce soit dans sa famille ou au travail. D’ailleurs, en parlant de sa famille, notre cher homme l’aime énormément. Ses quatre enfants et sa femme sont toute sa vie. Même si son travail représente une énorme réussite, sa famille passe toujours avant, mais il a, hélas, du mal à le prouver parfois. Depuis que les Irréels sont apparus pour de bon, Andrew a beaucoup plus de travail et sa fille aînée, Gaëlle, lui reproche souvent de préférer ces « créatures » à ses propres enfants. Son jeune frère tend d’ailleurs à penser la même chose. Alors vous l’aurez bien compris, cette situation met bien ce pauvre Andrew dans… l’embarras. Il aimerait bien pouvoir être toujours présent pour ses enfants, surtout pour ses deux dernières filles qui n’ont que sept ans, mais son travail lui prend beaucoup plus de temps qu’avant. C’est dur la vie de scientifique.<br>
                De plus, comme vous l’aurez deviné, Andrew Bauhmann est un homme très intelligent. N’importe qui ne peut pas se permettre de trouver la substance qui va révolutionner le monde… ou presque. N’est-ce pas ? Cependant, il a tendance à être plutôt modeste et ne se vantera jamais de ses grandes capacités intellectuelles capables de surprendre n’importe qui. Après tout, il fait partie de la faible portion d’Ederniens à avoir obtenu son diplôme pour passer en quaternaires à seulement quinze ans ou moins. <br>
                <br>
                <div style="font-style:italic; text-align:right;"><a href="http://illuvis.forumactif.org/t29-scientifiques-1-1">La suite ici ></a></div>
              </div>
              <div id="co_25" class="predef_description" style="display: none;"> <a href="http://illuvis.forumactif.org/t27-les-reels-1-2">
                <div class="sous_titre">August Waynes</div>
                </a><br />
                <b>Age :</b> 47 ans<br>
                <b>Statut :</b> Réel<br>
                <b>Métier :</b> Ouvrier dans une usine alimentaire.<br>
                <b>Caractère :</b> August est un homme plutôt taciturne et renfermé sur lui-même. Il peut être difficile à approcher, mais n'est pas désagréable pour autant. Une fois que l'on passe outre cet aspect froid et distant, il se révèle être un ami attentif et toujours là pour aider. Il a un important réseau de connaissances, et sait user de sa nature imposante et de son charisme pour rallier les autres à sa cause.<br>
                D'autre part, il nourrit certains griefs contre le Gouvernement et la société dans laquelle ils vivent. La répartition de la ville en secteurs d'activités lui semble totalement injuste et inégale : le Quartier Sud pâtit ainsi de ses activités moins rentables que les autres. Il n'a jamais bougé de son quartier, mais son frère Edmond lui rend parfois visite et en digne commerçant du Quartier Est lui raconte les ragots de tout Edernys. Et comme vous pouvez l'imaginer, l’apparition des Irréels n'a rien fait pour arranger les choses. Au contraire, ces êtres plus résistants, moins couteux à faire travailler, ne font que remplacer petit à petit la main d’œuvre Réelle. Enfin, c'est ce qu'il prévoit en tout cas. Il n'en a jamais rencontré personnellement... <br>
                <br>
                <div style="font-style:italic; text-align:right;"><a href="http://illuvis.forumactif.org/t27-les-reels-1-2">La suite ici ></a></div>
              </div>
              <div id="co_26" class="predef_description" style="display: none;"><a href="http://illuvis.forumactif.org/t27-les-reels-1-2">
                <div class="sous_titre">August Waynes</div>
                </a><br />
                <b>Age :</b> 47 ans<br>
                <b>Statut :</b> Réel<br>
                <b>Métier :</b> Ouvrier dans une usine alimentaire.<br>
                <b>Caractère :</b> August est un homme plutôt taciturne et renfermé sur lui-même. Il peut être difficile à approcher, mais n'est pas désagréable pour autant. Une fois que l'on passe outre cet aspect froid et distant, il se révèle être un ami attentif et toujours là pour aider. Il a un important réseau de connaissances, et sait user de sa nature imposante et de son charisme pour rallier les autres à sa cause.<br>
                D'autre part, il nourrit certains griefs contre le Gouvernement et la société dans laquelle ils vivent. La répartition de la ville en secteurs d'activités lui semble totalement injuste et inégale : le Quartier Sud pâtit ainsi de ses activités moins rentables que les autres. Il n'a jamais bougé de son quartier, mais son frère Edmond lui rend parfois visite et en digne commerçant du Quartier Est lui raconte les ragots de tout Edernys. Et comme vous pouvez l'imaginer, l’apparition des Irréels n'a rien fait pour arranger les choses. Au contraire, ces êtres plus résistants, moins couteux à faire travailler, ne font que remplacer petit à petit la main d’œuvre Réelle. Enfin, c'est ce qu'il prévoit en tout cas. Il n'en a jamais rencontré personnellement... <br>
                <br>
                <div style="font-style:italic; text-align:right;"><a href="http://illuvis.forumactif.org/t27-les-reels-1-2">La suite ici ></a></div>
              </div>
              <div id="co_27" class="predef_description" style="display: none;"> <a href="http://illuvis.forumactif.org/g8-militaires">
                <div class="sous_titre">Militaires</div>
                </a><br />
                Ce sont les Réels composant l'armée d'Edernys. Ils peuvent faire partie de la police civile ou des pompiers par exemple. Leur base se situe en périphérie de la ville, et ils doivent y loger toute la semaine, en ayant le week-end de libre. <br>
                Ils reçoivent leurs ordres du Conseiller à l'Armée, indirectement pour la plupart, l'armée étant un domaine très hiérarchise. Les militaires travaillent moins longtemps que les fonctionnaires, et peuvent donc partir à la retraite plus tôt. <br>
                <br>
                <div style="font-style:italic; text-align:right;"><a href="http://illuvis.forumactif.org/t21-les-differents-groupes">Plus d'infos ici ></a></div>
              </div>
              <div id="co_28" class="predef_description" style="display: none;"><a href="http://illuvis.forumactif.org/g9-gouvernement">
                <div class="sous_titre">Gouvernement</div>
                </a><br />
                Le gouvernement s'appelle Conseil et est composé de cinq membres : Le Maître du Conseil, et quatre conseillers. <br>
                Le Maître du Conseil est celui à qui est laissé le pouvoir de décision finale et il peut aller à l'encontre de l'avis de ses conseillers s'il le juge nécessaire. <br>
                Le premier conseiller est un militaire et s'occupe de tout ce qui concerne la défense, l'armée. <br>
                Le second conseiller est un scientifique et s'occupe de tout le domaine scientifique, des Irréels en général, du domaine de l'éducation. <br>
                Le troisième conseiller est une femme qui s'occupera de la culture, de la propagande, des services de renseignement, des services secrets. <br>
                Le quatrième conseiller est une femme chargée de l'économie, des finances et des marchés. <br>
                <br>
                <div style="font-style:italic; text-align:right;"><a href="http://illuvis.forumactif.org/t21-les-differents-groupes">Plus d'infos ici ></a></div>
              </div>
            </div></td>
          <td class="predefs" align="center" valign="middle"><table>
              <tr>
                <td align="justify" valign="top" class="gensmall">
                <span id="o_26" class="predefinis" onclick="changeOnglet(this);"><img src="http://sm1.photorapide.com/membres/326/photos/xh7frc.jpg"></span>
                <span id="o_27" class="predefinis" onclick="changeOnglet(this);"><img src="http://sm1.photorapide.com/membres/326/photos/2v78uc.jpg"></span>
                <span id="o_28" class="predefinis" onclick="changeOnglet(this);"><img src="http://sm1.photorapide.com/membres/326/photos/d8r3uc.png"></span></td>
              </tr>
            </table></td>
        </tr>
      </table></td>
  </tr>
</table>
Il y a surement une autre solution mais je ne la connait pas !!

Tu as les deux même texte dans id co_25 et co_26 ??

Entre nous, j'adore ton thème que du bon boulot Smile

Cdt

Invité
Invité


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

Résolu Re: Problème avec une structure de type tableau à onglets

Message par Skyward Wind le Mer 4 Sep 2013 - 17:55

Merci beaucoup ça marche!! =D

Oui le texte est le même, comme les onglets de droite ne marchaient pas je n'ai pas encore mis la description correspondante ^^
Et encore une fois merci, j'ai tout appris sur le tas pour pouvoir ouvrir ce forum donc je suis contente que ça plaise =D

Skyward Wind
Nouveau membre

Féminin
Messages : 8
Inscrit(e) le : 26/10/2012

http://ploup.forumactif.org/
Skyward Wind 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