Ajout d'une scroolbar

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

Résolu Ajout d'une scroolbar

Message par shirabi le 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
****

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 le Ven 21 Oct 2011 - 15:28

Essaie d'ajouter ça:

Code:
scrolling=yes

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 le 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
****

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 le Sam 22 Oct 2011 - 19:27

Up

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 le Sam 29 Oct 2011 - 22:08

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 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
Aidactif
Aidactif

Messages : 23446
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 le Jeu 3 Nov 2011 - 20:33

up

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 le Sam 5 Nov 2011 - 1:01

Up

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 le Dim 6 Nov 2011 - 0:36

Up

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 le Dim 6 Nov 2011 - 22:15

Vraiment personne qui sait comment faire?

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 le Lun 7 Nov 2011 - 21:41

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

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





Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'une scroolbar

Message par shirabi le 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

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





Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'une scroolbar

Message par shirabi le 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

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 le 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

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 le Mar 8 Nov 2011 - 2:53

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

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





Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'une scroolbar

Message par shirabi le 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

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





Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout d'une scroolbar

Message par shirabi le Mer 9 Nov 2011 - 0:03

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

Cordialement

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


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