Ajout d'une scroolbar

5 participants

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

Résolu Ajout d'une scroolbar

Message par shirabi Ven 21 Oct 2011 - 1:00

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 Very Happy.


Dernière édition par shirabi le Mer 9 Nov 2011 - 15:32, édité 2 fois
shirabi

shirabi
****

Masculin
Messages : 304
Inscrit(e) le : 26/06/2011

http://yob-rpg.kanak.fr/
shirabi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'une scroolbar

Message par kidon Ven 21 Oct 2011 - 15:28

Essaie d'ajouter ça:

Code:
scrolling=yes
kidon

kidon
***

Masculin
Messages : 110
Inscrit(e) le : 06/12/2009

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

Résolu Re: Ajout d'une scroolbar

Message par shirabi Ven 21 Oct 2011 - 18:04

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

shirabi
****

Masculin
Messages : 304
Inscrit(e) le : 26/06/2011

http://yob-rpg.kanak.fr/
shirabi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'une scroolbar

Message par shirabi Sam 22 Oct 2011 - 19:27

Up
shirabi

shirabi
****

Masculin
Messages : 304
Inscrit(e) le : 26/06/2011

http://yob-rpg.kanak.fr/
shirabi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'une scroolbar

Message par Ea Sam 29 Oct 2011 - 22:08

Ajout d'une scroolbar Ktip10Bonjour,

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 résolu 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 Smile
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

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

Résolu Re: Ajout d'une scroolbar

Message par shirabi Jeu 3 Nov 2011 - 20:33

up
shirabi

shirabi
****

Masculin
Messages : 304
Inscrit(e) le : 26/06/2011

http://yob-rpg.kanak.fr/
shirabi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'une scroolbar

Message par shirabi Sam 5 Nov 2011 - 1:01

Up
shirabi

shirabi
****

Masculin
Messages : 304
Inscrit(e) le : 26/06/2011

http://yob-rpg.kanak.fr/
shirabi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'une scroolbar

Message par shirabi Dim 6 Nov 2011 - 0:36

Up
shirabi

shirabi
****

Masculin
Messages : 304
Inscrit(e) le : 26/06/2011

http://yob-rpg.kanak.fr/
shirabi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'une scroolbar

Message par shirabi Dim 6 Nov 2011 - 22:15

Vraiment personne qui sait comment faire?
shirabi

shirabi
****

Masculin
Messages : 304
Inscrit(e) le : 26/06/2011

http://yob-rpg.kanak.fr/
shirabi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'une scroolbar

Message par shirabi Lun 7 Nov 2011 - 21:41

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

shirabi
****

Masculin
Messages : 304
Inscrit(e) le : 26/06/2011

http://yob-rpg.kanak.fr/
shirabi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'une scroolbar

Message par Lixyr Lun 7 Nov 2011 - 21:47

Bonsoir.

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

Cordialement.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Ajout d'une scroolbar 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Ajout d'une scroolbar 3592387030 pour prévenir la modération.

Ajout d'une scroolbar Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'une scroolbar

Message par shirabi Lun 7 Nov 2011 - 21:51

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 Ajout d'une scroolbar 111107212357
shirabi

shirabi
****

Masculin
Messages : 304
Inscrit(e) le : 26/06/2011

http://yob-rpg.kanak.fr/
shirabi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'une scroolbar

Message par Lixyr Lun 7 Nov 2011 - 22:30

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.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Ajout d'une scroolbar 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Ajout d'une scroolbar 3592387030 pour prévenir la modération.

Ajout d'une scroolbar Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'une scroolbar

Message par shirabi Lun 7 Nov 2011 - 23:26

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

Cordialement Ajout d'une scroolbar 111107212357
shirabi

shirabi
****

Masculin
Messages : 304
Inscrit(e) le : 26/06/2011

http://yob-rpg.kanak.fr/
shirabi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'une scroolbar

Message par shirabi Mar 8 Nov 2011 - 0:07

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

Cordialement Ajout d'une scroolbar 111107212357
shirabi

shirabi
****

Masculin
Messages : 304
Inscrit(e) le : 26/06/2011

http://yob-rpg.kanak.fr/
shirabi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'une scroolbar

Message par Dark Raviel Mar 8 Nov 2011 - 2:53

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

Dark Raviel
****

Messages : 344
Inscrit(e) le : 10/10/2007

http://rpgdedarkraviel.forumpro.fr
Dark Raviel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'une scroolbar

Message par Lixyr Mar 8 Nov 2011 - 14:30

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

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

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.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Ajout d'une scroolbar 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Ajout d'une scroolbar 3592387030 pour prévenir la modération.

Ajout d'une scroolbar Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'une scroolbar

Message par shirabi Mar 8 Nov 2011 - 18:40

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 Ajout d'une scroolbar 111107212357
shirabi

shirabi
****

Masculin
Messages : 304
Inscrit(e) le : 26/06/2011

http://yob-rpg.kanak.fr/
shirabi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'une scroolbar

Message par Lixyr Mar 8 Nov 2011 - 19:50

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


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Ajout d'une scroolbar 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Ajout d'une scroolbar 3592387030 pour prévenir la modération.

Ajout d'une scroolbar Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'une scroolbar

Message par shirabi Mer 9 Nov 2011 - 0:03

Ok pas grave merci quand même pour tout Wink. Je met en résolu

Cordialement Ajout d'une scroolbar 111107212357
shirabi

shirabi
****

Masculin
Messages : 304
Inscrit(e) le : 26/06/2011

http://yob-rpg.kanak.fr/
shirabi a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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