Ajout d'une scroolbar

[shirabi]

Bonjour, suite à mon sujet pour le tuto de ma Pa (dont je remercis Final-Blonde) je voudrais savoir comment rajouter une scrollbar pour pouvoir mettre plus de membre de staff sans agrandir la Pa.
Voici le html de ma Pa:

Code:

<script type="text/javascript" src="http://fb-testing.forumactif.com/11725.js"></script> <!-- tablo onglets -->
<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr>
<td colspan="6" align="center" valign="left"><div class="titlone">Bienvenue sur Kanpekina Mirai {USER&amp;#8288;NAME}</div></td></tr>
<tr>

<td>
<td valign="top">
<table class="secondone"><tr><td colspan="2" valign="top" align="center"><span class="titlone2">STAFF</span></td></tr>
<tr><td><span class="profilbullel"><div class="littlone"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="" />
</div>

<span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" /></div><div class="infobul" align="left">                Nom
Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span>
</td>
<td><span class="profilbuller"><div class="littlone"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="" />
</div>

<span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" /></div><div class="infobul" align="left">                Nom
Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span>
</td></tr>
<tr><td><span class="profilbullel"><div class="littlone"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="" />
</div>

<span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" /></div><div class="infobul" align="left">                Nom
Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span>
</td>
<td><span class="profilbuller"><div class="littlone"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="" />
</div>

<span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" /></div><div class="infobul" align="left">                Nom
Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span>
</td></tr>
</td></tr></table>
</td>

<td valign="top" width="40%">
<table style="width: auto;" class="secondone"><tr><td style="padding-bottom: 4px;" align="center"><div id="mes_onglets">
<span id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);"><u>L'Acceuil</u></span>
<span id="o_2" class="mon_onglet" onclick="changeOnglet(this);"><u>Les New</u></span>
</td></tr>
<tr><td><div class="clear"><div id="mes_contenus" style="text-align: justify;"><div id="co_1" class="mon_contenu"><div style="overflow: auto; height: 293px; padding-right: 5px;">Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte </div></div><div id="co_2" class="mon_contenu" style="display: none; text-align: justify;"><div style="overflow: auto; height: 293px; padding-right: 5px;">
Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte </div></div>
</div></div></div>
</td></tr></table>
</td>
 
<td>
<td valign="top">
<table class="secondone"><tr><td colspan="2" valign="top" align="center"><span class="titlone2">PREDEFINI</span></td></tr>
<tr><td><span class="profilbullel"><div class="littlone"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="" />
</div>

<span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" /></div><div class="infobul" align="left">                Nom
Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span>
</td>
<td><span class="profilbuller"><div class="littlone"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="" />
</div>

<span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" /></div><div class="infobul" align="left">                Nom
Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span>
</td></tr>
<tr><td><span class="profilbullel"><div class="littlone"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="" />
</div>

<span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" /></div><div class="infobul" align="left">                Nom
Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span>
</td>
<td><span class="profilbuller"><div class="littlone"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="" />
</div>

<span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" /></div><div class="infobul" align="left">                Nom
Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span>
</td></tr>
</td></tr></table>
</td>
 
<td width="25%" valign="top">
<table class="secondone"><tr><td align="center"><span class="titlone2">LES AMIS</span>
</td></tr>
<tr><td align="center" class="fourthtext">
<span><marquee id="toto" onmouseover="toto.stop()" onmouseout="toto.start()" scrollAmount="3" direction="right">
texte!
</marquee>
</span>
</td></tr></table>

<table class="secondone"><tr><td align="center"><span class="titlone2">CREDITS</span>
</td></tr>
<tr><td align="center" class="fourthtext">
texte texte texte texte

texte texte texte texte

texte texte texte texte

texte texte texte texte

texte texte texte texte

texte texte texte texte

texte texte texte texte

texte texte texte texte

texte texte texte texte


</td></tr></table>
 
</td>
</tr></table>

J'ai réussi à le faire pour mes 2 onglets mais pas pour les autre (Staff et Prédéfini).
J'ai un code de base :

Code:

<div style="overflow: auto; height: 80px; padding-right: 5px;"> contenu </div>

En caché mon forum test:
Merci d'avance .

[kidon]

Essaie d'ajouter ça:

Code:

scrolling=yes

[shirabi]

J'ai essayer avec scrolling=yes mais ça na rien changer, ce que je voudrais c'est mettre une scrollbar sur ces partie:

Code:

<td>
<td valign="top">
<table class="secondone"><tr><td colspan="2" valign="top" align="center"><span class="titlone2">STAFF</span></td></tr>
<tr><td><span class="profilbullel"><div class="littlone"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="" />
</div>
 
<span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" /></div><div class="infobul" align="left">                Nom
Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span>
</td>
<td><span class="profilbuller"><div class="littlone"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="" />
</div>
 
<span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" /></div><div class="infobul" align="left">                Nom
Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span>
</td></tr>
<tr><td><span class="profilbullel"><div class="littlone"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="" />
</div>
 
<span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" /></div><div class="infobul" align="left">                Nom
Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span>
</td>
<td><span class="profilbuller"><div class="littlone"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="" />
</div>
 
<span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" /></div><div class="infobul" align="left">                Nom
Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span>
</td></tr>
</td></tr></table>
</td>

et

Code:

<td>
<td valign="top">
<table class="secondone"><tr><td colspan="2" valign="top" align="center"><span class="titlone2">PREDEFINI</span></td></tr>
<tr><td><span class="profilbullel"><div class="littlone"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="" />
</div>
 
<span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" /></div><div class="infobul" align="left">                Nom
Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span>
</td>
<td><span class="profilbuller"><div class="littlone"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="" />
</div>
 
<span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" /></div><div class="infobul" align="left">                Nom
Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span>
</td></tr>
<tr><td><span class="profilbullel"><div class="littlone"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="" />
</div>
 
<span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" /></div><div class="infobul" align="left">                Nom
Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span>
</td>
<td><span class="profilbuller"><div class="littlone"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="" />
</div>
 
<span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" /></div><div class="infobul" align="left">                Nom
Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span>
</td></tr>
</td></tr></table>
</td>

Sur le contenu bien sur pas le titre.

[shirabi]

Up

[Ea]

Bonjour, Où en-est votre problème ? Deux solutions : Votre problème est résolu, dans ce cas pensez à nous le signaler en cochant l'icône en éditant votre premier message, Votre problème est toujours d'actualité, et dans ce cas pensez à faire des UP régulièrement, afin de ne pas voir votre sujet délesté, Si nous n'avons pas de nouvelle après plus de 24 heures nous considérerons ce problème comme résolu ou abandonné et il sera corbeillé ( avec la possibilité pour vous d'ouvrir un nouveau sujet en respectant les Règles générales du forum ). A bientôt sur ForumActif

[shirabi]

up

[shirabi]

Up

[shirabi]

Up

[shirabi]

Vraiment personne qui sait comment faire?

[shirabi]

S.O.S J'aimerais qu'on m'aide xD.

[Lixyr]

Bonsoir.

Je pourrais avoir tout le code de la PA, et le css ? Ce sera plus simple pour bidouiller.

Cordialement.

[shirabi]

Merci pour la réponse déjà >.<

Le html y était déjà mais j'ai apporter quelque modification depuis donc voici le nouveau :

Code:

<script type="text/javascript" src="http://fb-testing.forumactif.com/11725.js"></script> <!-- tablo onglets -->
<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr>
<td colspan="6" align="center" valign="left"><div class="titlone">Bienvenue sur Kanpekina Mirai {USER&amp;#8288;NAME}</div></td></tr>
<tr>

<td>
<td valign="top">
<table class="secondone"><tr><td colspan="2" valign="top" align="center"><span class="titlone2">STAFF</span></td></tr>
<tr>
<td>
<span class="profilbullel ; opacity"><div class="littlone ;opacity"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="1" class="opacity"><br /></div><br />
<span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" class="opacity"/></div><div class="infobul" align="left">                Nom<br />Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span><br /></td>
<td><span class="profilbuller"><div class="littlone"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="" class="opacity"/><br /></div><br />
<span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" class="opacity"/></div><div class="infobul" align="left">                Nom<br />Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span><br /></td></tr>
<tr><td><span class="profilbullel"><div class="littlone"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="" class="opacity"/><br /></div><br />
<span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" class="opacity"/></div><div class="infobul" align="left">                Nom<br />Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span><br /></td>
<td><span class="profilbuller"><div class="littlone"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="" class="opacity"/><br /></div><br />
<span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" class="opacity"/></div><div class="infobul" align="left">                Nom<br />Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span><br /></td></tr></td></tr></table>
</td>

<td valign="top" width="40%">
<table style="width: auto;" class="secondone"><tr><td style="padding-bottom: 4px;" align="center"><div id="mes_onglets">
<span id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);"><u>L'Acceuil</u></span>
<span id="o_2" class="mon_onglet" onclick="changeOnglet(this);"><u>Les New</u></span>
</td></tr>
<tr><td><div class="clear"><div id="mes_contenus" style="text-align: justify;"><div id="co_1" class="mon_contenu"><div style="overflow: auto; height: 293px; padding-right: 5px;">Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte </div></div><div id="co_2" class="mon_contenu" style="display: none; text-align: justify;"><div style="overflow: auto; height: 293px; padding-right: 5px;">
Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte </div></div>
</div></div></div>
</td></tr></table>
</td>
 
<td>
<td valign="top">
<table class="secondone"><tr><td colspan="2" valign="top" align="center"><span class="titlone2">PREDEFINI</span></td></tr>
<tr><td><span class="profilbullel ; opacity"><div class="littlone ;opacity"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="1" class="opacity"><br /></div><br />
<span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" class="opacity"/></div><div class="infobul" align="left">                Nom<br />Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span><br /></td>
<td><span class="profilbuller"><div class="littlone"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="" class="opacity"/><br /></div><br />
<span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" class="opacity"/></div><div class="infobul" align="left">                Nom<br />Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span><br /></td></tr>
<tr><td><span class="profilbullel"><div class="littlone"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="" class="opacity"/><br /></div><br />
<span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" class="opacity"/></div><div class="infobul" align="left">                Nom<br />Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span><br /></td>
<td><span class="profilbuller"><div class="littlone"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="" class="opacity"/><br /></div><br />
<span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" class="opacity"/></div><div class="infobul" align="left">                Nom<br />Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span><br /></td></tr>
</td></tr></table>
</td>
 
<td width="25%" valign="top">
<table class="secondone"><tr><td align="center"><span class="titlone2">AMIS & Top Sites</span><br /></td></tr>
<tr><td align="center" class="fourthtext">
<span><marquee id="toto" onmouseover="toto.stop()" onmouseout="toto.start()" scrollAmount="3" direction="right">
texte!
</marquee>
</span>
</td></tr></table>

<table class="secondone"><tr><td align="center"><span class="titlone2">CREDITS</span><br /></td></tr>
<tr><td align="center" class="fourthtext">
texte texte texte texte
texte texte texte texte
texte texte texte texte
texte texte texte texte
texte texte texte texte
texte texte texte texte
texte texte texte texte
texte texte texte texte
texte texte texte texte

</td></tr></table>
 
</td>
</tr></table>

et le CSS qui va avec :

Code:

/*titre-principal------------------*/
div.titlone {
color: black;
font-size: 16px;
font-weight: bold;
font-style: italic;
border: 3px solid #948e8e;
background-image:url(http://hitskin.com/themes/17/10/30/i_back_title.jpg);
-moz-border-radius: 13px;
-webkit-border-radius: 13px;
-htm-border-radius: 13px;
-o-border-radius: 13px;
border-radius: 13px;
padding: 4px;
margin-bottom: 7px;
}
/*les-titres-secondaires------------*/
span.titlone2 {
padding: 4px 17px 4px 17px;
margin-bottom: 5px;
color: black;
font-size: 13px;
font-weight: bold;
font-style: italic;
background: #948e8e;
-moz-border-radius: 0px 0px 15px 15px;
-webkit-border-radius: 0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px;
}
/*les-deuxièmes-tables--------------*/
.secondone {
background-image:url(http://hitskin.com/themes/17/10/30/i_back_title.jpg);
border: 3px solid #948e8e;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;
-htm-border-radius: 13px;
-o-border-radius: 13px;
border-radius: 13px;
padding: 5px;
padding-top: 0px;
margin: 0 5px 5px 0px;
}
/*les-petits-tombnails---------------*/
.littlone {
background-image:url(http://14.img.v4.skyrock.net/146/blog-fond/pics/2229573967_2.gif);
width: 100px;
height: 100px;
color: black;
border: 3px solid #000000;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;
-htm-border-radius: 13px;
-o-border-radius: 13px;
border-radius: 13px;
padding: 3px;
margin-top: 5px;
}
/*bu-bulles-sur-tombnails------------*/
span.profilbullel span {
display: none;
}
span.profilbullel:hover span {
display: block;
position: absolute;
width: auto ;
height: auto;
margin-top: -90px;
margin-left: -160px;
background-image:url(http://hitskin.com/themes/17/10/30/i_back_title.jpg);
font-size: 11px;
color: #000000;
font-style: italic;
font-weight: bold;
border: 3px solid #948e8e;
-moz-border-radius:13px;
-webkit-border-radius: 13px;;
border-radius: 13px;
padding: 7px;
z-index: 3;
}
span.profilbuller span {
display: none;
}
span.profilbuller:hover span {
display: block;
position: absolute;
width: auto ;
height: auto;
margin-top: -90px;
margin-left: 90px;
background-image:url(http://hitskin.com/themes/17/10/30/i_back_title.jpg);
font-size: 11px;
color: #000000;
font-style: italic;
font-weight: bold;
border: 3px solid #948e8e;
-moz-border-radius:13px;
-webkit-border-radius: 13px;;
border-radius: 13px;
padding: 7px;
z-index: 3;
}
.bulimg{
background-image:url(http://14.img.v4.skyrock.net/146/blog-fond/pics/2229573967_2.gif);
width: 150px;
height: 250px;
color: black;
border: 3px solid #000000;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;
border-radius: 13px;
padding: 3px;
margin-top: 5px;
}
.infobul {
text-align: left;
color: #000000;
font-style: italic;
font-weight: bold;
padding-left: 3px;
}
.infobulink a {
color: #000000!important;
font-style: italic;
font-weight: bold;
padding-right: 3px;
}
/*tableau-à-deux-onglets-----------*/
span.mon_onglet {
width: auto;
padding: 3px 7px 3px 7px;
margin-right: 5px;
color: #000000;
font-weight: bold;
background-image:url(http://hitskin.com/themes/17/10/30/i_back_title.jpg);
border: 3px solid #948e8e;
border-top: none;
cursor: ne-resize;
-moz-border-radius: 0 0 13px 13px;
-webkit-border-radius: 0 0 13px 13px;
border-radius: 0px 0px 15px 15px;
}
.mon_onglet:hover {
background: #948e8e;
}
.mon_onglet_selected {
background: #948e8e;
width: auto;
padding: 3px 7px 3px 7px;
margin-right: 5px;
color: #000000;
font-weight: bold;
border: 3px solid #948e8e;
border-top: none;
cursor: ne-resize;
-moz-border-radius: 0 0 13px 13px;
-webkit-border-radius: 0 0 13px 13px;
border-radius: 0 0 13px 13px;
}
.clear {
clear: both;
}
.mon_contenu {
color: #000000;
background: # ;
border: none;
padding: 10px;
line-height: normal;
font-size: 13px;
}
#mes_contenus, #mes_onglets {
width: auto;
margin: auto;
}
/*dernier-tableau-de droite----------------*/
.fourthtext {
color: #000000;
font-style: italic;
}
/*fin-tuto-tableau-multiple------------------------------------------------*/

.opacity /*OPACITÉ DE BASE, SANS LA SOURIS*/ {
  opacity:0.5;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity:0.5;}

.opacity:hover /*OPACITÉ AU SURVOL DE LA SOURIS*/ {
  opacity:1;
  filter:alpha(opacity=100);
  -moz-opacity:1;
  -khtml-opacity:1;}




Cordialement

[Lixyr]

Avec tous vos td et vos table, vous n'avez que deux possibilités :

- scroll dans la cellule de base du staff :

Code:

        <script type="text/javascript" src="http://fb-testing.forumactif.com/11725.js"></script> <!-- tablo onglets -->
        <table width="100%" border="0" cellspacing="0" cellpadding="0"><tr>
        <td colspan="6" align="center" valign="left"><div class="titlone">Bienvenue sur Kanpekina Mirai {USER&amp;#8288;NAME}</div></td></tr>
        <tr>
       
        <td>
        <td valign="top" style="display: block;
overflow-x: hidden;
overflow-y: auto; height: 340px; padding-right: 5px;">
        <table class="secondone"><tr><td colspan="2" valign="top" align="center"><span class="titlone2">STAFF</span></td></tr>
        <tr>
        <td>
        <span class="profilbullel ; opacity"><div class="littlone ;opacity"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="1" class="opacity"><br /></div><br />
        <span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" class="opacity"/></div><div class="infobul" align="left">                Nom<br />Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span><br /></td>
        <td><span class="profilbuller"><div class="littlone"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="" class="opacity"/><br /></div><br />
        <span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" class="opacity"/></div><div class="infobul" align="left">                Nom<br />Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span><br />
</td></tr>
        <tr><td><span class="profilbullel"><div class="littlone"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="" class="opacity"/><br /></div><br />
        <span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" class="opacity"/></div><div class="infobul" align="left">                Nom<br />Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span><br />

</td>
        <td><span class="profilbuller"><div class="littlone"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="" class="opacity"/><br /></div><br />
        <span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" class="opacity"/></div><div class="infobul" align="left">                Nom<br />Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span><br /></td></tr></td></tr></table>
        </td>
       
        <td valign="top" width="40%">
        <table style="width: auto;" class="secondone"><tr><td style="padding-bottom: 4px;" align="center"><div id="mes_onglets">
        <span id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);"><u>L'Acceuil</u></span>
        <span id="o_2" class="mon_onglet" onclick="changeOnglet(this);"><u>Les New</u></span>
        </td></tr>
        <tr><td><div class="clear"><div id="mes_contenus" style="text-align: justify;"><div id="co_1" class="mon_contenu"><div style="overflow: auto; height: 293px; padding-right: 5px;">Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte </div></div><div id="co_2" class="mon_contenu" style="display: none; text-align: justify;"><div style="overflow: auto; height: 293px; padding-right: 5px;">
        Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte </div></div>
        </div></div></div>
        </td></tr></table>
        </td>
       
        <td>
        <td valign="top">
        <table class="secondone"><tr><td colspan="2" valign="top" align="center"><span class="titlone2">PREDEFINI</span></td></tr>
        <tr><td><span class="profilbullel ; opacity"><div class="littlone ;opacity"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="1" class="opacity"><br /></div><br />
        <span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" class="opacity"/></div><div class="infobul" align="left">                Nom<br />Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span><br /></td>
        <td><span class="profilbuller"><div class="littlone"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="" class="opacity"/><br /></div><br />
        <span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" class="opacity"/></div><div class="infobul" align="left">                Nom<br />Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span><br /></td></tr>
        <tr><td><span class="profilbullel"><div class="littlone"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="" class="opacity"/><br /></div><br />
        <span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" class="opacity"/></div><div class="infobul" align="left">                Nom<br />Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span><br /></td>
        <td><span class="profilbuller"><div class="littlone"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="" class="opacity"/><br /></div><br />
        <span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" class="opacity"/></div><div class="infobul" align="left">                Nom<br />Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span><br /></td></tr>
        </td></tr></table>
        </td>
       
        <td width="25%" valign="top">
        <table class="secondone"><tr><td align="center"><span class="titlone2">AMIS & Top Sites</span><br /></td></tr>
        <tr><td align="center" class="fourthtext">
        <span><marquee id="toto" onmouseover="toto.stop()" onmouseout="toto.start()" scrollAmount="3" direction="right">
        texte!
        </marquee>
        </span>
        </td></tr></table>
       
        <table class="secondone"><tr><td align="center"><span class="titlone2">CREDITS</span><br /></td></tr>
        <tr><td align="center" class="fourthtext">
        texte texte texte texte
        texte texte texte texte
        texte texte texte texte
        texte texte texte texte
        texte texte texte texte
        texte texte texte texte
        texte texte texte texte
        texte texte texte texte
        texte texte texte texte
       
        </td></tr></table>
       
        </td>
        </tr></table>

- 2eme possibilité : scroll dans le tableau entourant le staff, contenant la bordure :

Code:

        <script type="text/javascript" src="http://fb-testing.forumactif.com/11725.js"></script> <!-- tablo onglets -->
        <table width="100%" border="0" cellspacing="0" cellpadding="0"><tr>
        <td colspan="6" align="center" valign="left"><div class="titlone">Bienvenue sur Kanpekina Mirai {USER&amp;#8288;NAME}</div></td></tr>
        <tr>
       
        <td>
        <td valign="top">
        <table class="secondone" style="display: block;
overflow-x: hidden;
overflow-y: auto; height: 340px; padding-right: 5px;"><tr><td colspan="2" valign="top" align="center"><span class="titlone2">STAFF</span></td></tr>
        <tr>
        <td>
        <span class="profilbullel ; opacity"><div class="littlone ;opacity"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="1" class="opacity"><br /></div><br />
        <span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" class="opacity"/></div><div class="infobul" align="left">                Nom<br />Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span><br /></td>
        <td><span class="profilbuller"><div class="littlone"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="" class="opacity"/><br /></div><br />
        <span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" class="opacity"/></div><div class="infobul" align="left">                Nom<br />Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span><br />
</td></tr>
        <tr><td><span class="profilbullel"><div class="littlone"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="" class="opacity"/><br /></div><br />
        <span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" class="opacity"/></div><div class="infobul" align="left">                Nom<br />Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span><br />

</td>
        <td><span class="profilbuller"><div class="littlone"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="" class="opacity"/><br /></div><br />
        <span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" class="opacity"/></div><div class="infobul" align="left">                Nom<br />Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span><br /></td></tr></td></tr></table>
        </td>
       
        <td valign="top" width="40%">
        <table style="width: auto;" class="secondone"><tr><td style="padding-bottom: 4px;" align="center"><div id="mes_onglets">
        <span id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);"><u>L'Acceuil</u></span>
        <span id="o_2" class="mon_onglet" onclick="changeOnglet(this);"><u>Les New</u></span>
        </td></tr>
        <tr><td><div class="clear"><div id="mes_contenus" style="text-align: justify;"><div id="co_1" class="mon_contenu"><div style="overflow: auto; height: 293px; padding-right: 5px;">Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte </div></div><div id="co_2" class="mon_contenu" style="display: none; text-align: justify;"><div style="overflow: auto; height: 293px; padding-right: 5px;">
        Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte </div></div>
        </div></div></div>
        </td></tr></table>
        </td>
       
        <td>
        <td valign="top">
        <table class="secondone"><tr><td colspan="2" valign="top" align="center"><span class="titlone2">PREDEFINI</span></td></tr>
        <tr><td><span class="profilbullel ; opacity"><div class="littlone ;opacity"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="1" class="opacity"><br /></div><br />
        <span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" class="opacity"/></div><div class="infobul" align="left">                Nom<br />Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span><br /></td>
        <td><span class="profilbuller"><div class="littlone"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="" class="opacity"/><br /></div><br />
        <span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" class="opacity"/></div><div class="infobul" align="left">                Nom<br />Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span><br /></td></tr>
        <tr><td><span class="profilbullel"><div class="littlone"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="" class="opacity"/><br /></div><br />
        <span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" class="opacity"/></div><div class="infobul" align="left">                Nom<br />Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span><br /></td>
        <td><span class="profilbuller"><div class="littlone"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a12.png" border="0" alt="" class="opacity"/><br /></div><br />
        <span><div class="bulimg" align="center"><img src="http://i43.servimg.com/u/f43/16/93/09/93/sans_a11.png" border="0" alt="" class="opacity"/></div><div class="infobul" align="left">                Nom<br />Rôle</div><div  class="infobulink" align="right"><a href="page-profil" target="_blank">Profil</a> / <a href="page-mp" target="_blank">MP</a></div></span></span><br /></td></tr>
        </td></tr></table>
        </td>
       
        <td width="25%" valign="top">
        <table class="secondone"><tr><td align="center"><span class="titlone2">AMIS & Top Sites</span><br /></td></tr>
        <tr><td align="center" class="fourthtext">
        <span><marquee id="toto" onmouseover="toto.stop()" onmouseout="toto.start()" scrollAmount="3" direction="right">
        texte!
        </marquee>
        </span>
        </td></tr></table>
       
        <table class="secondone"><tr><td align="center"><span class="titlone2">CREDITS</span><br /></td></tr>
        <tr><td align="center" class="fourthtext">
        texte texte texte texte
        texte texte texte texte
        texte texte texte texte
        texte texte texte texte
        texte texte texte texte
        texte texte texte texte
        texte texte texte texte
        texte texte texte texte
        texte texte texte texte
       
        </td></tr></table>
       
        </td>
        </tr></table>

comme vous voulez.


Cordialement.

[shirabi]

=o Dieu c'est toi avoue! Dieu est une fille =D j'ai toujours dit fille au pouvoir. Merci beaucoup!!

Cordialement

[shirabi]

Ah désoler du double post mais c'est possible du réduire la scrollbar, ou de la décaler vers la gauche?

Cordialement

[Dark Raviel]

Ajoute du CSS de position dans les lignes de l'overflow ^^

[Lixyr]

Dieu ? Non, c'est simple, ce que vous demandez-là. Le dieu, ici, c'est Etana, pas moi.

---------------

Non, la scroll-barre ne peut pas être bougée avec uniquement du css. Techniquement, on ne peut pas changer une scroll-barre de place, elle est universellement à droite. Cependant, j'ai quand même trouvé de quoi inversé le sens du tableau, pour que la scroll soit à gauche. :google:

donc faites comme ceci :

<table class="secondone" style="direction:rtl;display: block;
overflow-x: hidden;
overflow-y: auto; height: 340px; padding-right: 5px;"><tr><td colspan="2" valign="top" align="center">

=> dans le tout premier table, rajoutez ce que j'ai mis en vert.
(marche si vous avez mis la scroll dans le table.)

Ça inversera le contenu, cependant. Donc la case de gauche se verra à droite, et inversement. A vous de bien remettre vos images dans l'ordre, par la suite.

Cordialement.

[shirabi]

le sens ne changerai rien car le problème vien juste des coins de la scrollbar qui dépasse du cadre.

Spoiler:

et je trouve ça pas très jolie enfaite :/.

Cordialement

[Lixyr]

Effectivement, mais à l'heure actuelle, il ne me semble pas que l'on puisse y remédier. C'est l'inconvénient des arrondis.

[shirabi]

Ok pas grave merci quand même pour tout . Je met en

Cordialement