Sujets similaires

Tu remarqueras que dans ton css tu as une class onglet et que dans le html elle s'appelle onglets Smile

( a moins que ce ne soit fait exprès)

ça pourrait venir a cause de ça du coup??

J'aimerais bien que quelqu'un m'aide, s'il vous plait ! Je suis que débutante...ça serai pour mettre avant Noel, merci d'avance

PAs de doubles posts, et Noël existe pour tout le monde.

Pour ma part, je tiens à signaler que pour quelqu'un qui a soit disant "tout suivi", tu as toujours tes id="onglet_nom_de_longlet" dans ton code. Je dis ça, je dis rien...

Désolé... je voulais pas pour le double post...

Donc, si je rajoute ceci , en remplaçant les "id="onglet_nom_de_longlet" par le nom de l'onglet, ça devrait marché??

Code:: <div class="systeme_onglets">
<div class="onglets">
<span class="onglet_0 onglet" id="The Great Story" onmouseover="javascript:change_onglet('onglet1');"><font size="4">The Great Story</font></span>
<span class="onglet_0 onglet" id="The Crazy Team" onmouseover="javascript:change_onglet('onglet2');"><font size="4">The Crazy Team</font></span>
<span class="onglet_0 onglet" id="We Need Them" onmouseover="javascript:change_onglet('onglet3');"><font size="4">We Need Them</font></span>
<span class="onglet_0 onglet" id="We Love It" onmouseover="javascript:change_onglet('onglet4');"><font size="4">We Love It</font></span>
</div><div class="contenu_onglets">
<div class="contenu_onglet" id="contenu_onglet_onglet1">
<br> <table><tbody><tr><td><blockquote><center><div style="background-color: #D54C39;"><font size="4"><font color="#576F40"><b>CONTEXTE</b></font></font></div>
<br><div style="width: 240px; background-color: #EAE08D;"><div style="padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;"><div style="overflow: auto; width: 220px; height: 210px;"><font size="3"><align= justify=""><i><font face="Georgia"><div align="right">Miami, 2010</div> </font></i><br>
<font size="3"><div align="justify">La ville à été le terrain de jeux de plusieurs scientifiques qui ont voulu jouer à Dieu. Pour cela, ils ont déversé un produit toxique dans l'eau potable de plusieurs villes. Aujourd'hui le monde est donc ravagé par un nouveau mal, un mal qui tue ou fait évoluer les gênes des gens. Plusieurs personnes se sont découverts des pouvoirs suite à cet "incident", mais toutes ne les utilisent pas pour faire le bien... et vous, quel sera votre camps??</div></font></align=></font></div></div></blockquote></center>
<br>
</td><td><br><blockquote><center><div style="background-color: #D54C39;"><font size="4"><font color="#586F49"><b>INFOS</b></font></font></div>
<br><div style="width: 375px; height:150; background-color: #EAE08D; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px"><div style="padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;"><div style="border: 2px solid #132E16; text-align: center; width: 350px; -moz-border-radius: 9px 9px 9px 9px; line-height: 12px;"><blockquote><div align="justify"><font face="Georgia"><span style="font-size: 14px; line-height: normal;"><br>○ Bienvenue à Miami,
<br>○ Ici nous vous demandons un minimum de 15 lignes de RP ○ Si vous avez des questions n'hésitez pas à envoyé un MP aux admins ou à poster dans le coins des invités ○ Aidez nous à faire connaitre le forum en votant pour nous <a href="http://hysteria.forums-actifs.net/banque-f81/les-votes-t58.htm" class="postlink">ici</a> ○ Et surtout n'oubliez pas de vous amuser (mais je m'en fais pas trop pour ça avec nous vous allez vous amuser!! <img src="http://terminator.keuf.net/users/1513/18/91/96/smiles/540148.gif" alt="" border="0"> ) ○ <img src="http://terminator.keuf.net/users/1513/18/91/96/smiles/466589.gif" alt="" border="0"> ○
<br>
<br>
○ Nous vous proposons de venir donner vos avis sur ce que vous aimeriez obtenir avec vos points top sites <a href="http://hysteria.forums-actifs.net/panneau-d-affichage-f74/qu-est-ce-que-les-points-apportent-t364.htm" class="postlink">ici</a> ○</span></font></div><font face="Georgia"></font></blockquote></div></center></div></div></blockquote></center></blockquote></td></tr></tbody></table>
</div><div class="contenu_onglet" id="contenu_onglet_onglet2">
<br><br><center><blockquote><blockquote><div style="background-color: #D54C39;"><font size="4"><font color="#586F49"><b>TEAM ADMIN</b></font></font></div></blockquote></blockquote>
<br><font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img510.imageshack.us/img510/2443/cait.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font size="1">Caitlyn Clearwater</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://img838.imageshack.us/img838/8681/21948393.gif"></a></td></tr><tr><td style="text-align: center;"><font size="1">Fondatrice et Admin et le premier qui touche aura affaire à Catwoman...<br></font></td></tr><tr align="center"></tr></tbody></table></span></a> <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img821.imageshack.us/img821/2286/cathk.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font size="1">Catherina Clearwater</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://img225.imageshack.us/img225/8660/66994324.gif"></a></td></tr><tr><td style="text-align: center;"><font size="1">Admin, attention Catwoman adore jouer avec son fouet...<br></font></td></tr><tr align="center"></tr></tbody></table></span></a> <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img821.imageshack.us/img821/6029/lukae.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font size="1">Luka Van H</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i44.tinypic.com/n1b9xd.gif"></a></td></tr><tr><td style="text-align: center;"><font size="1">Admin, WonderWoman fait des ravage dans son costume moulant...<br></font></td></tr><tr align="center"></tr></tbody></table></span></a> <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img829.imageshack.us/img829/8840/esmee.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font size="1">Esmée A. Brown</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://img96.imageshack.us/img96/7443/651923227.gif"></a></td></tr><tr><td style="text-align: center;"><font size="1">Admin, La folie et la perversion font partie de ses nombreuses qualitées...<br></font></td></tr><tr align="center"></tr></tbody></table></span></a><br><br>
<center><blockquote><blockquote><div style="background-color: #D54C39;"><font size="4"><font color="#586F49"><b>TEAM MODO</b></font></font></div></blockquote></blockquote>
<br><font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img84.imageshack.us/img84/3713/carter.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font size="1">Carter Gordon</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i40.tinypic.com/14t30ig.gif"></a></td></tr><tr><td style="text-align: center;"><font size="1">Modératrice, elle parle aux animaux mais pas de panique elle sait aussi parler aussi aux humains!!<br></font></td></tr><tr align="center"></tr></tbody></table></span></a> <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img196.imageshack.us/img196/9376/jacksonn.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font size="1">Sean Lewis</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://img508.imageshack.us/img508/9153/45611482.gif"></a></td></tr><tr><td style="text-align: center;"><font size="1">Modérateur, petit tigre pervers mais chou... propriété de Catwoman!!<br></font></td></tr><tr align="center"></tr></tbody></table></span></a> <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img190.imageshack.us/img190/2542/mikei.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font size="1">Mike Millers</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://www.netimago.com/images/yH15FieIcpOrvJC.gif"></a></td></tr><tr><td style="text-align: center;"><font size="1">Modérateur, chef du gouvernement des bisounours...<br></font></td></tr><tr align="center"></tr></tbody></table></span></a></center>
<br>
</div><div class="contenu_onglet" id="contenu_onglet_onglet3">
<br><br><center><blockquote><blockquote><div style="background-color: #D54C39;"><font size="4"><font color="#586F49"><b>I WANT YOU...</b></font></font></div></blockquote></blockquote>
<br><a href="http://hysteria.forums-actifs.net/postes-vacants-f3/heavy-things-2-3-t24.htm" class="postlink" target="_blank"><img src="http://img257.imageshack.us/img257/3598/101103103818253881.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;" border="0" alt="" /></a> <a href="http://hysteria.forums-actifs.net/postes-vacants-des-membres-f69/one-is-mine-the-other-needs-some-love-feat-robert-pattinson-et-steven-strait-t63.htm" class="postlink" target="_blank"><img src="http://img715.imageshack.us/img715/4647/2vk0qc7.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;" border="0" alt="" /></a> <a href="http://hysteria.forums-actifs.net/t25-silver-heart-hunter-1-3" class="postlink" target="_blank"><img src="http://img824.imageshack.us/img824/9578/101103093152775021.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;" border="0" alt="" /></a>
<br><br><a href="http://hysteria.forums-actifs.net/t21-black-soul-3-4" class="postlink" target="_blank"><img src="http://img842.imageshack.us/img842/9039/peter1b.jpg" style="border:7px #EAE08D solid; -moz-border-radius:10px;" border="0" alt="" /></a> <a href="http://hysteria.forums-actifs.net/t22-sweet-heart-2-3" class="postlink" target="_blank"><img src="http://img146.imageshack.us/img146/406/596650diannaic4.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;" border="0" alt="" /></a> <a href="http://hysteria.forums-actifs.net/t21-black-soul-3-4" class="postlink" target="_blank"><img src="http://img43.imageshack.us/img43/43/24q7d7cjpg.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;" border="0" alt="" /></a></center>
</div><div class="contenu_onglet" id="contenu_onglet_onglet4">
Contenu de l'onglet</div>
</div>
</div>
<script type="text/javascript">
//
</script>

Voila, je pense avoir rien oublié, pour ceux que tu m'as dis... J'ai mis le code...on peut me dire si ça va fonctionné ou pas ? s'il vous plait ^^

N'oubliez pas que nous sommes sur un tutoriel, merci de bien vouloir faire une demande d'aide sur la section d'Aide CSS & xHTML
Merci!

Gniiiii *facepalm*

Bon alors dans le code, tu as des lignes comme ça :

nom_de_longlet" onclick="javascript:change_onglet('nom_de_longlet');">Nom de l'onglet

Et des lignes comme ça :

nom_de_longlet">Contenu de l'onglet

Là où c'est rouge, tu mets le nom de l'onglet, et pas d'accents, pas de majuscules, pas d'espaces, je dirais que onglet1, onglet2, onglet3, etc, ça serait très bien.

Pour le reste, relis attentivement le tutoriel et concentre toi, c'est quand même assez bien expliqué comme ça >.<

Lostmindy a écrit:: Gniiiii *facepalm*

Bon alors dans le code, tu as des lignes comme ça :

<span class="onglet_0 onglet" id="onglet_nom_de_longlet" onclick="javascript:change_onglet('nom_de_longlet');">Nom de l'onglet</span>

Et des lignes comme ça :

<div class="contenu_onglet" id="contenu_onglet_nom_de_longlet">Contenu de l'onglet</div>

Là où c'est rouge, tu mets le nom de l'onglet, et pas d'accents, pas de majuscules, pas d'espaces, je dirais que onglet1, onglet2, onglet3, etc, ça serait très bien.

Pour le reste, relis attentivement le tutoriel et concentre toi, c'est quand même assez bien expliqué comme ça >.<

Double post, parce que la fonction éditer est désactivée dans ce sujet et que j'ai oublier de désactiver le html

J'ai tout modifié comme tu m'as dis, j'ai relis le tuto et modifié ce qu'il fallait par la suite et ça marche toujours pas...

Voici ce que j'ai fais pendant les modifications...

Code:: <br><center><img src="http://img190.imageshack.us/img190/5500/bienvenuenoel.png" border="0" alt="" /></center><br><div class="systeme_onglets">
<div class="onglets">
<span class="onglet_0 onglet" id="onglet_nom_the great story" onmouseover="javascript:change_onglet('the great story');">The Great Story</span>

<span class="onglet_0 onglet" id="onglet_nom_the crazy team" onmouseover="javascript:change_onglet('the crazy team');">The Crazy Team</span>

<span class="onglet_0 onglet" id="onglet_nom_we need them" onmouseover="javascript:change_onglet('we need them');">We Need Them</span>
<span class="onglet_0 onglet" id="onglet_we love it" onmouseover="javascript:change_onglet('we love it');">We Love It</span>
</div><div class="contenu_onglets">
<div class="contenu_onglet" id="contenu_onglet_the great story">
<br> <table><tbody><tr><td><blockquote><center><div style="background-color: #D54C39;"><font size="4"><font color="#576F40"><b>CONTEXTE</b></font></font></div>
<br><div style="width: 240px; background-color: #EAE08D;"><div style="padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;"><div style="overflow: auto; width: 220px; height: 210px;"><font size="3"><align= justify=""><i><font face="Georgia"><div align="right">Miami, 2010</div> </font></i><br>
<font size="3"><div align="justify">La ville à été le terrain de jeux de plusieurs scientifiques qui ont voulu jouer à Dieu. Pour cela, ils ont déversé un produit toxique dans l'eau potable de plusieurs villes. Aujourd'hui le monde est donc ravagé par un nouveau mal, un mal qui tue ou fait évoluer les gênes des gens. Plusieurs personnes se sont découverts des pouvoirs suite à cet "incident", mais toutes ne les utilisent pas pour faire le bien... et vous, quel sera votre camps??</div></font></align=></font></div></div></blockquote></center>
<br>
</td><td><br><blockquote><center><div style="background-color: #D54C39;"><font size="4"><font color="#586F49"><b>INFOS</b></font></font></div>
<br><div style="width: 375px; height:150; background-color: #EAE08D; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px"><div style="padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;"><div style="border: 2px solid #132E16; text-align: center; width: 350px; -moz-border-radius: 9px 9px 9px 9px; line-height: 12px;"><blockquote><div align="justify"><font face="Georgia"><span style="font-size: 14px; line-height: normal;"><br>○ Bienvenue à Miami,
<br>○ Ici nous vous demandons un minimum de 15 lignes de RP ○ Si vous avez des questions n'hésitez pas à envoyé un MP aux admins ou à poster dans le coins des invités ○ Aidez nous à faire connaitre le forum en votant pour nous <a href="http://hysteria.forums-actifs.net/banque-f81/les-votes-t58.htm" class="postlink">ici</a> ○ Et surtout n'oubliez pas de vous amuser (mais je m'en fais pas trop pour ça avec nous vous allez vous amuser!! <img src="http://terminator.keuf.net/users/1513/18/91/96/smiles/540148.gif" alt="" border="0"> ) ○ <img src="http://terminator.keuf.net/users/1513/18/91/96/smiles/466589.gif" alt="" border="0"> ○
<br>
<br>
○ Nous vous proposons de venir donner vos avis sur ce que vous aimeriez obtenir avec vos points top sites <a href="http://hysteria.forums-actifs.net/panneau-d-affichage-f74/qu-est-ce-que-les-points-apportent-t364.htm" class="postlink">ici</a> ○</span></font></div><font face="Georgia"></font></blockquote></div></center></div></div></blockquote></center></blockquote></td></tr></tbody></table>
</div><div class="contenu_onglet" id="contenu_onglet_the crazy team">
<br><br><center><blockquote><blockquote><div style="background-color: #D54C39;"><font size="4"><font color="#586F49"><b>TEAM ADMIN</b></font></font></div></blockquote></blockquote>
<br><font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img510.imageshack.us/img510/2443/cait.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font size="1">Caitlyn Clearwater</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://img838.imageshack.us/img838/8681/21948393.gif"></a></td></tr><tr><td style="text-align: center;"><font size="1">Fondatrice et Admin et le premier qui touche aura affaire à Catwoman...<br></font></td></tr><tr align="center"></tr></tbody></table></span></a> <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img821.imageshack.us/img821/2286/cathk.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font size="1">Catherina Clearwater</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://img225.imageshack.us/img225/8660/66994324.gif"></a></td></tr><tr><td style="text-align: center;"><font size="1">Admin, attention Catwoman adore jouer avec son fouet...<br></font></td></tr><tr align="center"></tr></tbody></table></span></a> <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img821.imageshack.us/img821/6029/lukae.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font size="1">Luka Van H</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i44.tinypic.com/n1b9xd.gif"></a></td></tr><tr><td style="text-align: center;"><font size="1">Admin, WonderWoman fait des ravage dans son costume moulant...<br></font></td></tr><tr align="center"></tr></tbody></table></span></a> <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img829.imageshack.us/img829/8840/esmee.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font size="1">Esmée A. Brown</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://img96.imageshack.us/img96/7443/651923227.gif"></a></td></tr><tr><td style="text-align: center;"><font size="1">Admin, La folie et la perversion font partie de ses nombreuses qualitées...<br></font></td></tr><tr align="center"></tr></tbody></table></span></a><br><br>
<center><blockquote><blockquote><div style="background-color: #D54C39;"><font size="4"><font color="#586F49"><b>TEAM MODO</b></font></font></div></blockquote></blockquote>
<br><font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img84.imageshack.us/img84/3713/carter.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font size="1">Carter Gordon</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i40.tinypic.com/14t30ig.gif"></a></td></tr><tr><td style="text-align: center;"><font size="1">Modératrice, elle parle aux animaux mais pas de panique elle sait aussi parler aussi aux humains!!<br></font></td></tr><tr align="center"></tr></tbody></table></span></a> <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img196.imageshack.us/img196/9376/jacksonn.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font size="1">Sean Lewis</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://img508.imageshack.us/img508/9153/45611482.gif"></a></td></tr><tr><td style="text-align: center;"><font size="1">Modérateur, petit tigre pervers mais chou... propriété de Catwoman!!<br></font></td></tr><tr align="center"></tr></tbody></table></span></a> <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img190.imageshack.us/img190/2542/mikei.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font size="1">Mike Millers</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://www.netimago.com/images/yH15FieIcpOrvJC.gif"></a></td></tr><tr><td style="text-align: center;"><font size="1">Modérateur, chef du gouvernement des bisounours...<br></font></td></tr><tr align="center"></tr></tbody></table></span></a></center>
<br>
</div><div class="contenu_onglet" id="contenu_onglet_we need them">
<br><br><center><blockquote><blockquote><div style="background-color: #D54C39;"><font size="4"><font color="#586F49"><b>I WANT YOU...</b></font></font></div></blockquote></blockquote>
<br><a href="http://hysteria.forums-actifs.net/postes-vacants-f3/heavy-things-2-3-t24.htm" class="postlink" target="_blank"><img src="http://img257.imageshack.us/img257/3598/101103103818253881.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;" border="0" alt="" /></a> <a href="http://hysteria.forums-actifs.net/postes-vacants-des-membres-f69/one-is-mine-the-other-needs-some-love-feat-robert-pattinson-et-steven-strait-t63.htm" class="postlink" target="_blank"><img src="http://img715.imageshack.us/img715/4647/2vk0qc7.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;" border="0" alt="" /></a> <a href="http://hysteria.forums-actifs.net/t25-silver-heart-hunter-1-3" class="postlink" target="_blank"><img src="http://img824.imageshack.us/img824/9578/101103093152775021.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;" border="0" alt="" /></a>
<br><br><a href="http://hysteria.forums-actifs.net/t21-black-soul-3-4" class="postlink" target="_blank"><img src="http://img842.imageshack.us/img842/9039/peter1b.jpg" style="border:7px #EAE08D solid; -moz-border-radius:10px;" border="0" alt="" /></a> <a href="http://hysteria.forums-actifs.net/t22-sweet-heart-2-3" class="postlink" target="_blank"><img src="http://img146.imageshack.us/img146/406/596650diannaic4.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;" border="0" alt="" /></a> <a href="http://hysteria.forums-actifs.net/t21-black-soul-3-4" class="postlink" target="_blank"><img src="http://img43.imageshack.us/img43/43/24q7d7cjpg.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;" border="0" alt="" /></a></center>
</div><div class="contenu_onglet" id="contenu_onglet_we love it">
Contenu de l'onglet</div>
</div>
</div>
<script type="text/javascript">
//
</script>

Voila je vois pas ce qui cloche... aidez moi, je suis perdu...

Lostmindy a écrit:: tu mets le nom de l'onglet, et pas d'accents, pas de majuscules, pas d'espaces

Si tu lisais ce qu'on te dit, ça ferait longtemps que le problème serait résolu.

Désolé d'être chiante, mais je vois pas... j'ai enlevé les espaces entre le nom de l'onglet mais sa marche toujours pas... aide moi, car la je suis vraiment perdu...

Code:: <br><center><img src="http://img190.imageshack.us/img190/5500/bienvenuenoel.png" border="0" alt="" /></center><br><div class="systeme_onglets">
<div class="onglets">
<span class="onglet_0 onglet" id="onglet_nom_thegreatstory" onmouseover="javascript:change_onglet('thegreatstory');">The Great Story</span>

<span class="onglet_0 onglet" id="onglet_nom_thecrazyteam" onmouseover="javascript:change_onglet('thecrazyteam');">The Crazy Team</span>

<span class="onglet_0 onglet" id="onglet_nom_weneedthem" onmouseover="javascript:change_onglet('weneedthem');">We Need Them</span>
<span class="onglet_0 onglet" id="onglet_weloveit" onmouseover="javascript:change_onglet('we love it');">We Love It</span>
</div><div class="contenu_onglets">
<div class="contenu_onglet" id="contenu_onglet_thegreatstory">
<br> <table><tbody><tr><td><blockquote><center><div style="background-color: #D54C39;"><font size="4"><font color="#576F40"><b>CONTEXTE</b></font></font></div>
<br><div style="width: 240px; background-color: #EAE08D;"><div style="padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;"><div style="overflow: auto; width: 220px; height: 210px;"><font size="3"><align= justify=""><i><font face="Georgia"><div align="right">Miami, 2010</div> </font></i><br>
<font size="3"><div align="justify">La ville à été le terrain de jeux de plusieurs scientifiques qui ont voulu jouer à Dieu. Pour cela, ils ont déversé un produit toxique dans l'eau potable de plusieurs villes. Aujourd'hui le monde est donc ravagé par un nouveau mal, un mal qui tue ou fait évoluer les gênes des gens. Plusieurs personnes se sont découverts des pouvoirs suite à cet "incident", mais toutes ne les utilisent pas pour faire le bien... et vous, quel sera votre camps??</div></font></align=></font></div></div></blockquote></center>
<br>
</td><td><br><blockquote><center><div style="background-color: #D54C39;"><font size="4"><font color="#586F49"><b>INFOS</b></font></font></div>
<br><div style="width: 375px; height:150; background-color: #EAE08D; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px"><div style="padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;"><div style="border: 2px solid #132E16; text-align: center; width: 350px; -moz-border-radius: 9px 9px 9px 9px; line-height: 12px;"><blockquote><div align="justify"><font face="Georgia"><span style="font-size: 14px; line-height: normal;"><br>○ Bienvenue à Miami,
<br>○ Ici nous vous demandons un minimum de 15 lignes de RP ○ Si vous avez des questions n'hésitez pas à envoyé un MP aux admins ou à poster dans le coins des invités ○ Aidez nous à faire connaitre le forum en votant pour nous <a href="http://hysteria.forums-actifs.net/banque-f81/les-votes-t58.htm" class="postlink">ici</a> ○ Et surtout n'oubliez pas de vous amuser (mais je m'en fais pas trop pour ça avec nous vous allez vous amuser!! <img src="http://terminator.keuf.net/users/1513/18/91/96/smiles/540148.gif" alt="" border="0"> ) ○ <img src="http://terminator.keuf.net/users/1513/18/91/96/smiles/466589.gif" alt="" border="0"> ○
<br>
<br>
○ Nous vous proposons de venir donner vos avis sur ce que vous aimeriez obtenir avec vos points top sites <a href="http://hysteria.forums-actifs.net/panneau-d-affichage-f74/qu-est-ce-que-les-points-apportent-t364.htm" class="postlink">ici</a> ○</span></font></div><font face="Georgia"></font></blockquote></div></center></div></div></blockquote></center></blockquote></td></tr></tbody></table>
</div><div class="contenu_onglet" id="contenu_onglet_the crazy team">
<br><br><center><blockquote><blockquote><div style="background-color: #D54C39;"><font size="4"><font color="#586F49"><b>TEAM ADMIN</b></font></font></div></blockquote></blockquote>
<br><font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img510.imageshack.us/img510/2443/cait.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font size="1">Caitlyn Clearwater</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://img838.imageshack.us/img838/8681/21948393.gif"></a></td></tr><tr><td style="text-align: center;"><font size="1">Fondatrice et Admin et le premier qui touche aura affaire à Catwoman...<br></font></td></tr><tr align="center"></tr></tbody></table></span></a> <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img821.imageshack.us/img821/2286/cathk.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font size="1">Catherina Clearwater</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://img225.imageshack.us/img225/8660/66994324.gif"></a></td></tr><tr><td style="text-align: center;"><font size="1">Admin, attention Catwoman adore jouer avec son fouet...<br></font></td></tr><tr align="center"></tr></tbody></table></span></a> <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img821.imageshack.us/img821/6029/lukae.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font size="1">Luka Van H</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i44.tinypic.com/n1b9xd.gif"></a></td></tr><tr><td style="text-align: center;"><font size="1">Admin, WonderWoman fait des ravage dans son costume moulant...<br></font></td></tr><tr align="center"></tr></tbody></table></span></a> <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img829.imageshack.us/img829/8840/esmee.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font size="1">Esmée A. Brown</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://img96.imageshack.us/img96/7443/651923227.gif"></a></td></tr><tr><td style="text-align: center;"><font size="1">Admin, La folie et la perversion font partie de ses nombreuses qualitées...<br></font></td></tr><tr align="center"></tr></tbody></table></span></a><br><br>
<center><blockquote><blockquote><div style="background-color: #D54C39;"><font size="4"><font color="#586F49"><b>TEAM MODO</b></font></font></div></blockquote></blockquote>
<br><font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img84.imageshack.us/img84/3713/carter.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font size="1">Carter Gordon</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i40.tinypic.com/14t30ig.gif"></a></td></tr><tr><td style="text-align: center;"><font size="1">Modératrice, elle parle aux animaux mais pas de panique elle sait aussi parler aussi aux humains!!<br></font></td></tr><tr align="center"></tr></tbody></table></span></a> <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img196.imageshack.us/img196/9376/jacksonn.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font size="1">Sean Lewis</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://img508.imageshack.us/img508/9153/45611482.gif"></a></td></tr><tr><td style="text-align: center;"><font size="1">Modérateur, petit tigre pervers mais chou... propriété de Catwoman!!<br></font></td></tr><tr align="center"></tr></tbody></table></span></a> <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img190.imageshack.us/img190/2542/mikei.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font size="1">Mike Millers</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://www.netimago.com/images/yH15FieIcpOrvJC.gif"></a></td></tr><tr><td style="text-align: center;"><font size="1">Modérateur, chef du gouvernement des bisounours...<br></font></td></tr><tr align="center"></tr></tbody></table></span></a></center>
<br>
</div><div class="contenu_onglet" id="contenu_onglet_we need them">
<br><br><center><blockquote><blockquote><div style="background-color: #D54C39;"><font size="4"><font color="#586F49"><b>I WANT YOU...</b></font></font></div></blockquote></blockquote>
<br><a href="http://hysteria.forums-actifs.net/postes-vacants-f3/heavy-things-2-3-t24.htm" class="postlink" target="_blank"><img src="http://img257.imageshack.us/img257/3598/101103103818253881.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;" border="0" alt="" /></a> <a href="http://hysteria.forums-actifs.net/postes-vacants-des-membres-f69/one-is-mine-the-other-needs-some-love-feat-robert-pattinson-et-steven-strait-t63.htm" class="postlink" target="_blank"><img src="http://img715.imageshack.us/img715/4647/2vk0qc7.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;" border="0" alt="" /></a> <a href="http://hysteria.forums-actifs.net/t25-silver-heart-hunter-1-3" class="postlink" target="_blank"><img src="http://img824.imageshack.us/img824/9578/101103093152775021.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;" border="0" alt="" /></a>
<br><br><a href="http://hysteria.forums-actifs.net/t21-black-soul-3-4" class="postlink" target="_blank"><img src="http://img842.imageshack.us/img842/9039/peter1b.jpg" style="border:7px #EAE08D solid; -moz-border-radius:10px;" border="0" alt="" /></a> <a href="http://hysteria.forums-actifs.net/t22-sweet-heart-2-3" class="postlink" target="_blank"><img src="http://img146.imageshack.us/img146/406/596650diannaic4.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;" border="0" alt="" /></a> <a href="http://hysteria.forums-actifs.net/t21-black-soul-3-4" class="postlink" target="_blank"><img src="http://img43.imageshack.us/img43/43/24q7d7cjpg.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;" border="0" alt="" /></a></center>
</div><div class="contenu_onglet" id="contenu_onglet_we love it">
Contenu de l'onglet</div>
</div>
</div>
<script type="text/javascript">
//
</script>

Ton, tu n'es pas chiante, tu n'y mets juste aucune bonne volonté et c'est hautement pénible. Parce qu'une chose est certaine, quand on cherche, on trouve.

Néanmoins, parce que je suppose que tu attendras que quelqu'un d'autre te réponde même si je te laisse réfléchir, je vais encore te répondre : Je t'ai dit de changer nom_de_longlet partout, alors pourquoi je vois onglet_nom_thecrazyteam au lieu de onglet_thecrazyteam ?

Sur ce, je te laisse relire ton code et faire les déductions logiques qui s'imposent.

Citation :: tu n'y mets juste aucune bonne volonté et c'est hautement pénible

Citation :: Si tu lisais ce qu'on te dit, ça ferait longtemps que le problème serait résolu

Lostmindy :/ je te signale qu'on est la pour aider , et que eux sont la car ils n'y connaissent rien au codage , après si ca te dérange d'aider ceux qui en ont besoin , personne ne t'oblige a répondre .

Merci, quand même pour ton aide Lostmindy... la prochaine fois, je me débrouillerais si c'est pour que tu me rabaisse...

Merci Hiro Very Happy

Sujet: Re: Créer une organisation par onglets (messages) Sam 08 Jan 2011, 13:47

Bonjours, voilà j'ai essayer ce tuto mais le problème c'est qu'il m'affiche que le nom des onglets. Alors j'ai essayé de toutes les manières, de mettre exactement la même nom que le nom de mes onglets à la place de "quoi" de reprendre les codes des gens pour voir si sa fonctionne et tout mais rien qui faille >.<

HTLM

Code:: <div class="onglets">
<span class="onglet_0 onglet" id="onglet_accueil" onclick="javascript:change_onglet('Welcome');">Accueil</span>
<span class="onglet_0 onglet" id="onglet_news" onclick="javascript:change_onglet('News ?');">News</span>
<span class="onglet_0 onglet" id="onglet_vacants" onclick="javascript:change_onglet('Personnages vacants');">Posts vacants</span>
</div>

<div class="contenu_onglets">
<div class="contenu_onglet" id="contenu_onglet_Welcome">Sa va ?</div>

<div class="contenu_onglet" id="contenu_onglet_News ?">Nada !</div>

<div class="contenu_onglet" id="contenu_onglet_Personnages vacants">Hahaha !!</div>
</div>
</div>
<script type="text/javascript">
//
</script>

CSS :

Code:: .onglet
{
display:inline-block;
margin-left:3px;
margin-right:3px;
padding:3px;
border:1px solid black;
cursor:pointer;
}
.onglet_0
{
background:#bbbbbb;
border-bottom:1px solid black;
}
.onglet_1
{
background:#dddddd;
border-bottom:0px solid black;
padding-bottom:4px;
}
.contenu_onglet
{
background-color:#dddddd;
border:1px solid black;
margin-top:-1px;
padding:5px;
display:none;
}

Merci d'avance pour votre aide =) (espérant qu'on m'aide vite ^^)

Sujet: Re: Créer une organisation par onglets (messages) Lun 10 Jan 2011, 06:10

Up, personne ne sait ? Bon je ne sais pas si on à le droit de uper dans ce genre de sujet si il faut dite le moi (mais me taper pas >.<") Merci =)

Sujet: Re: Créer une organisation par onglets (messages) Lun 10 Jan 2011, 12:00

Hello (:
Je vais répondre à ta question : les up sont interdits.
Je remarque que ça fait à peine 2 jours que tu attends, la patience est de mise, nos codeurs restent des êtres humains malgré leurs aptitudes incroyables ^^
Merci de ta compréhension & de faire attention à l'avenir (:

Sujet: Re: Créer une organisation par onglets (messages) Dim 16 Jan 2011, 08:28

Bonjour Crazy-GirL

As-tu bien placé le lien de ta page html dans le script et placer le tout dans le template overall_header avant la balise head?

Essaie aussi avec ce code a placer dans ta page d'accueil.

Spoiler:

Sujet: Re: Créer une organisation par onglets (messages) Dim 16 Jan 2011, 09:14

Bonjour, eu....quelm script ?

Sujet: Re: Créer une organisation par onglets (messages) Dim 16 Jan 2011, 09:33

Celui la avec l'adresse de votre page d'accueil a l'intérieur

Code:: <script language="javascript" src="votre adresse"></script>

J'ai posté un message il y a quelque minute ici même pour te répondre et il a disparu Euh..

Sujet: Re: Créer une organisation par onglets (messages) Dim 16 Jan 2011, 10:16

Mais en faite moi j'ai copier coller tous les lien dans ma PA sa fonctionne très bien, juste le problème que quand on enlèvre le curseur sa reste dérouler xp

Sujet: Re: Créer une organisation par onglets (messages) Dim 16 Jan 2011, 10:41

Tu ne peux rien faire contre ça le code est fait comme ça.

Pour avoir ce que tu veux il te faut choisir un autre type de menu.

Bonne journée

Sujet: Re: Créer une organisation par onglets (messages) Mar 18 Jan 2011, 20:24

Bonjour/bonsoir/~~bon appétit~~ =3
Une simple petite question pour ce tutoriel :

-en fait j'ai déjà un code CSS dans ma feuille de style avec .onglet comme catégorie pour faire les onglets du forum x)
Et malgré de multiples essais pour ... je m'en remets à vous x'3
Quels "onglets" dans le code je dois modifier pour mettre le mot "banane" par exemple à la place pour que mes CSS ne se confondent pas? =3

Je vous remercie de votre aide Wink

Je rajoute pour une question il me semble qui a été posée =>

Pour la taille il faut modifier ça dans le CSS en ajoutant un

Code:: width: ??px;

qui peut se mettre pour modifier la taille des onglets
ou pour modifier la taille de l'encadré du contentu en fonction de où on le met. =3

Trés bon Tuto !!! Merci =3

Code:: <div style="background-image: url(http://img821.imageshack.us/img821/2243/fondpapo.png); background-repeat: no-repeat; height: 500px;"><table style="margin-top: 110px; margin-left: 235px; margin-right: 100px; margin-bottom: 145px;"><tr><td><center><div class="systeme_onglets"><div class="onglets">
<span class="onglet_0 onglet" id="onglet_contexte" onclick="javascript:change_onglet('contexte');"><div class="titre1">contexte & co</div></span> <span class="onglet_0 onglet" id="onglet_staff_&_navig" onclick="javascript:change_onglet('staff_&_navig');"><div class="titre1">staff & navig</div></span> <span class="onglet_0 onglet" id="onglet_amis_&_tops" onclick="javascript:change_onglet('amis_&_tops');"><div class="titre1">amis & tops</div></span>
</div></center></td></tr><tr><td><div class="contenu_onglets">
<div class="contenu_onglet" id="contenu_onglet_contexte"><div style="overflow: auto; max-height: 200px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit. Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin. Fusce varius, ligula non tempus aliquam, nunc turpis ullamcorper nibh, in tempus sapien eros vitae ligula. Pellentesque rhoncus nunc et augue. Integer id felis. Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam. Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna. Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus. Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus. Curabitur eu amet.
</div></div>

<div class="contenu_onglet" id="contenu_onglet_staff_&_navig"><div style="overflow: auto; max-height: 200px;">LALorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit. Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin. Fusce varius, ligula non tempus aliquam, nunc turpis ullamcorper nibh, in tempus sapien eros vitae ligula. Pellentesque rhoncus nunc et augue. Integer id felis. Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam. Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna. Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus. Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus. Curabitur eu amet.
</div></div>

<div class="contenu_onglet" id="contenu_onglet_amis_&_tops"><div style="overflow: auto; max-height: 200px;">NALorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit. Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin. Fusce varius, ligula non tempus aliquam, nunc turpis ullamcorper nibh, in tempus sapien eros vitae ligula. Pellentesque rhoncus nunc et augue. Integer id felis. Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam. Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna. Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus. Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus. Curabitur eu amet.
</div></div>
</div>
</div>
<script type="text/javascript">
//
</script></div></td></tr></table></div>

Code:: .onglet
{
display:inline-block;
margin-left:3px;
margin-right:3px;
padding:3px;
cursor:pointer;
}

.contenu_onglet
{
background-color: transparent;
border: 2px #EAECE7 solid;
margin-top:-1px;
padding:5px;
display:none;
-moz-border-radius: 10px;
text-align: justify;
font-size: 10px;
}

Créer une organisation par onglets (messages)

Créer une organisation par onglets (messages)

Sujets similaires

Sujets similaires

Partenaires Or