Sujets similaires

Dernière édition par Fire-Fly le Dim 30 Jan 2011, 12:46, édité 1 fois

Bonjour!

Bon, j'écrase mon orgueil de codeur en stage et vient finalement demander de l'aide ici parce que ça fait des jours que j'essaie, que je demande à d'autres personnes le truc, et personne ne réussi à régler mon problème, donc me voici! Razz

Je voudrais réussir, comme je l'ai mis dans le titre, à mettre une scrollbar sur la partie «membres connectés depuis les 24h» du qeel.

Soit ce code là ici:

Code:: {L_CONNECTED_MEMBERS}

C'est du *frappe ma tête* PHP qui me complique la vie et j'espère que quelqu'un saura m'aider Scrollbar sur «membres connectés depuis les 24h» 174114

J'ai déjà essayé avec ce tuto là, clickk, mais ça fonctionne pas. Ya rien qui n'apparait.

J'ai essayé avec des span aussi, rien à faire :/

Vous devriez savoir aussi que j'ai tout refait mon qeel, petit printscreen:

Scrollbar sur «membres connectés depuis les 24h» Prints10

Scrollbar sur «membres connectés depuis les 24h» Prints10

Donc merci beaucoup à celui ou celle qui me sauvra la vie
Scrollbar sur «membres connectés depuis les 24h» 189128

Bonjour,

Je pourrais avoir ton code de template s'il te plait ? Savoir si je doit te faire rajouter quelque chose ou bien si ton nouveau code demande juste un peu de CSS ^^ (d'ailleurs ton CSS serait surement aussi d'une bonne aide Wink

Bien sûr

Index-body:

Code:: {JAVASCRIPT}

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

<tr>
   <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
</tr>


<tr>
   <td class="row1" rowspan="3" align="center" valign="middle">
   <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
   </td>
</tr>

</table>



<form action="{S_LOGIN_ACTION}" method="post" name="form_login">

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
   <tr>
      <td class="row1" align="center">
         <table border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td><span class="genmed">{L_USERNAME}:</span> </td>
               <td><input class="post" type="text" size="10" name="username"/> </td>
               <td>
                  <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                  <span class="gensmall">{L_AUTO_LOGIN}</span>
               </td>
            </tr>

            <tr>
               <td><span class="genmed">{L_PASSWORD}:</span> </td>
               <td><input class="post" type="password" size="10" name="password"/> </td>
               <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
            </tr>
         </table>
      </td>
   </tr>
</table>



<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
   <tr>
      <td valign="top" width="100%" class="row1" align="center">
         <table width="100%">
            <tr>
               <td width="55%" valign="middle" align="right">
                  <table class="right">
                     <tr>
                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                        <td><input class="post" type="text" size="10" name="username"/> </td>
                        <td>
                           <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                           <span class="gensmall">{L_AUTO_LOGIN}</span>
                        </td>
                     </tr>

                     <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                        <td><input class="post" type="password" size="10" name="password"/> </td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                     </tr>
                  </table>
               </td>
               <td width="10%" align="center" valign="middle">
                  <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
               </td>
               <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
            </tr>
         </table>
      </td>
   </tr>
</table>

</form>


{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
   <td width="50%" valign="top">
      
      <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
      
      
      <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
      
      </span>
   </td>
   <td width="50%" align="right">
      <span class="gensmall">

         
            
            <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
            
         
      </span>
   </td>
</tr>
</table>


<form action="{S_LOGIN_ACTION}" method="post" name="form_login">

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
   <tr>
      <td class="row1" align="center">
         <table border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td><span class="genmed">{L_USERNAME}:</span> </td>
               <td><input class="post" type="text" size="10" name="username"/> </td>
               <td>
                  <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                  <span class="gensmall">{L_AUTO_LOGIN}</span>
               </td>
            </tr>

            <tr>
               <td><span class="genmed">{L_PASSWORD}:</span> </td>
               <td><input class="post" type="password" size="10" name="password"/> </td>
               <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
            </tr>
         </table>
      </td>
   </tr>
</table>



<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
   <tr>
      <td valign="top" width="100%" class="row1" align="center">
         <table width="100%">
            <tr>
               <td width="55%" valign="middle">
                  <table class="right">
                     <tr>
                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                        <td><input class="post" type="text" size="10" name="username"/> </td>
                        <td>
                           <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                           <span class="gensmall">{L_AUTO_LOGIN}</span>
                        </td>
                     </tr>

                     <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                        <td><input class="post" type="password" size="10" name="password"/> </td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                     </tr>
                  </table>
               </td>
               <td width="10%" align="center" valign="middle">
                  <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
               </td>
               <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
            </tr>
         </table>
      </td>
   </tr>
</table>

</form>



<table class="forumline" width="100%" border="0" cellspacing="5" cellpadding="0">
<tr>
   <td align="center" valign="top" width="50%">
<div class="square-qeel"><img src="http://i36.servimg.com/u/f36/15/16/63/69/qeel10.jpg"/></div>
</td>

   <td align="center" valign="top" width="50%">
<div class="square-qeel">
<html>
<head>
<script type="text/javascript">
function changeOnglet(_this){
var getOnglets = document.getElementById('mes_onglets').getElementsByTagName('li');
for(var i = 0; i < getOnglets.length; i++){
if(getOnglets[i].id){
if(getOnglets[i].id == _this.id){
getOnglets[i].className = 'les_onglet_selected';
document.getElementById('c' + _this.id).style.display = 'block';
}
else{
getOnglets[i].className = 'les_onglet';
document.getElementById('c' + getOnglets[i].id).style.display = 'none';
}
}
}
}
</script>
</head>
<body><div class="all"><div id="mes_onglets">
<ul>
<li id="o_1" class="les_onglet_selected" onclick="changeOnglet(this);">Bodies</li>
<li id="o_2" class="les_onglet" onclick="changeOnglet(this);">24h</li>
<li id="o_3" class="les_onglet" onclick="changeOnglet(this);">Stats</li>
<div class="clear"></div>
</ul>
</div></div><div id="mes_contenus">
<div id="co_1" class="contenu">
<div id="total-users">
<table>
<tr>
<td align="left" valign="top" width="10%"><img src="http://i76.servimg.com/u/f76/14/26/75/48/regist10.png"/>
</td>
<td align="left" valign="top" width="90%"><span class="gensmall" style="font-size:13px;"> <br/>{TOTAL_USERS}<br />{TOTAL_USERS_ONLINE}</span>
</td>
</tr>
</table>
</div>

<div id="online-users">
<table>
<tr>
<td align="left" valign="top" width="10%"> <img src="http://i76.servimg.com/u/f76/14/26/75/48/online10.png"/>
</td>
<td align="left" valign="top" width="90%"><span class="gensmall">
<br/>{LOGGED_IN_USER_LIST}</span>
</td>
</tr>
</table>
</div>

   <div id="record-users">
<table>
<tr>
<td align="left" valign="top" width="10%"> <img src="http://i76.servimg.com/u/f76/14/26/75/48/most-u10.png"/>
</td>
<td align="left" valign="top" width="90%"><span class="gensmall" style="font-size:13pt;">
<br/>{RECORD_USERS}</span>
</td>
</tr>
</table>
</div>

   <div id="new-user">
<table>
<tr>
<td align="left" valign="top" width="10%"><img src="http://i76.servimg.com/u/f76/14/26/75/48/newest10.png"/>
</td>
<td align="left" valign="top" width="90%"><span class="gensmall" style="font-size:13pt;">
<br/>{NEWEST_USER}</span>
</td>
</tr>
</table>
</div>

</div>

<div id="co_2" class="contenu" style="display:none;height:280px;">
<table><span>{L_CONNECTED_MEMBERS}</div></span></table>
</div>
</div>

<div id="co_3" class="contenu" style="display: none;height:280px;">
   <div id="bday">
<table>
<tr>
<td align="left" valign="top" width="10%"><img src="http://img10.xooimage.com/files/9/4/e/bark---hot-new-181efee.png"/>
</td>
<td align="left" valign="top" width="90%"><table><span style="background: #ffffff;"><br/> {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</span></table>
</td>
</tr>
</table>
</div>

   <div id="total-post">
<table>
<tr>
<td align="left" valign="top" width="10%"><img src="http://i76.servimg.com/u/f76/14/26/75/48/totalp10.png"/>
</td>
<td align="left" valign="top" width="90%"><span class="gensmall" style="font-size:14px;"><br />{TOTAL_POSTS}
</td>
</tr>
</table>
</div>

   <div id="links">
<table>
<tr>
<td align="left" valign="top" width="10%"><img src="http://i76.servimg.com/u/f76/14/26/75/48/links10.png"/>
</td>
<td align="left" valign="top" width="90%"><a href="{U_TODAY_ACTIVE}" class="gensmall" style="color:#ffffff; font-size:13px;">{L_TODAY_ACTIVE}</a><br />
         <a href="{U_TODAY_POSTERS}" class="gensmall" style="color:#ffffff; font-size:13px;">{L_TODAY_POSTERS}</a><br />
         <a href="{U_OVERALL_POSTERS}" class="gensmall" style="color:#ffffff; font-size:13px;">{L_OVERALL_POSTERS}</a>
</td>
</tr>
</table>
</div>

</div>

</div>

</body>
</html>

</div>
</td>
</tr>

<tr>
   <td align="center" valign="top" width="50%">
<div class="square-qeel">
Groups
<div class="groups"><div style="border-left: 2px solid #e90000; border-right: 2px solid #e90000; border-top: 1px solid #9f9f9f; border-bottom: 1px solid #9f9f9f; margin-left: 2px; margin-right: 2px;"> High Priestess </div></div>
<div class="groups">High Priestess in Training </div>
<div class="groups">High Council of Nyx </div>
<div class="groups">Disciples of Nyx </div>
<div class="groups">Professors </div>
<div class="groups">Trackers </div>
<div class="groups">Prefect Council </div>
<div class="groups">The Dark Daughters & Sons</div>
<div class="groups">Sons of Erebus </div>
<div class="groups">Vampyre of Nyx</div>
<div class="groups">Red Fledglings</div>
<div class="groups">Blue Fledglings </div>
<div class="groups">Human </div>
</div>
</td>

   <td align="center" valign="top" width="50%">
<div class="square-qeel"><img src="http://i36.servimg.com/u/f36/15/16/63/69/qeel110.jpg"/></div>
</td>
</tr>
</table>

</table>

{CHATBOX_BOTTOM}
<br clear="all" />

<table border="0" cellspacing="3" cellpadding="0" align="center">
<tr>
   <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
   <td><span class="gensmall">{L_NEW_POSTS}</span></td>
   <td></td>
   <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
   <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
   <td>  </td>
   <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
   <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
</tr>
</table>


{AUTO_DST}


<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
status: true,
cookie: true,
xfbml: true
});
//]]>
</script>

Je te donne mon CSS aussi, au cas où Razz

Code:: a.mainmenu{
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 1.0;
}
a.mainmenu:hover{
filter:alpha(opacity=50);
-moz-opacity: 0.65;
opacity: 0.55;
}

.bodyline{
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border: 5px solid #000000;
}

/* HOMEPAGE */

.title {
font-size: 16px;
font-family: arial;
letter-spacing: -1px;
border: 2px solid #e60000;
-moz-border-radius: 24px 24px 0px 0px;
-webkit-border-radius: 24px 24px 0px 0px;
border-radius: 24px 24px 0px 0px;
background-color: #e60000;
color: #ffffff;
font-weight:bold;
width:150px;
margin-left:-30%;
}

.title:hover {
color: #000000;
cursor: crosshair;
text-shadow: 2px 2px 2px #ffffff;
font-variant: small-caps;
}

.contain {
font-size: 14px;
font-family: arial;
letter-spacing: -1px;
border: 4px solid #e60000;
height:165px;
background-color: #ffffff;
color: #000000;
font-variant: normal;
font-weight: normal;
}

.whats-up {
font-size: 14px;
font-family: arial;
letter-spacing: -1px;
border: 4px solid #e60000;
height:370px;
background-color: #ffffff;
color: #000000;
font-variant: normal;
font-weight: normal;
}

whats-up-title{
font-size: 16px;
font-family: arial;
letter-spacing: -1px;
border: 2px solid #e60000;
background-color: #e60000;
color: #ffffff;
font-variant: small-caps;
font-weight:bold;
margin-top:5px;
}

.staff {
width: 565px;
font-size: 14px;
font-family: arial;
letter-spacing: -1px;
border: 4px solid #e60000;
height:165px;
background-color: #ffffff;
color: #000000;
font-variant: normal;
font-weight: normal;
}

td {
vertical-align: top;
}

.links-pa {
color: #0076bf;
font-size: 14pt;
font-family: georgia;
letter-spacing: -2px;
}

.links-pa:hover {
color: #ff0000;
font-size: 14pt;
font-family: georgia;
letter-spacing: 1px;
}

.scroll_wu {
margin-top: 5px;
border-top: 4px dotted #000000;
border-bottom: 4px dotted #000000;
}

/* INFOBULLE */

div.infobulle {
position: relative;
cursor:pointer; /*donne au curseur la forme de petite main, comme sur un lien*/
opacity : 0.7;
}

div.infobulle div{
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
opacity : 1;

}
div.infobulle:hover div{
display: block; /* ceci affiche l'infobulle */
position: absolute;

white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

top: 20px; /* on positionne notre infobulle */
left: 20px;

background: #ffecec; /* arrière-plan de l'infobulle */

color: black; /* texte dans l'infobulle */
padding: 3px;

/* bordures de votre infobulle*/
border: 3px double #0076bf;
border-left: 3px double #0076bf;
}

.group_title {
color: #d70000;
font-variant: small-caps;
text-shadow: 1px 1px 1px #b0b0b0;
font-size: 14pt;
}

.fonction {
text-transform: uppercase;
font-size: 8pt;
}

/*CATEGORIES*/

a.forumlink{
display:block;
text-align: center;
border-bottom: 2px solid #ffffff;
font-size: 16px;
color: #000000;
text-shadow: 3px 3px 3px #eb0000;
}

a.forumlink:hover{
cursor: crosshair;
text-decoration:none;
font-style: italic;
}

.row-2 {
background-color: #000000;
border-right: 2px dotted #ffffff;
border-left: 2px dotted #ffffff;
border-bottom: 2px dotted #ffffff;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
position: relative;
top: -17px;
}

.last-post {
border-left: 5px dotted #b70000;
}

.image {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
position: relative;
top: 7px;
left: 60px;
}

.sous-forums {
background-color: #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
position: relative;
top: -30px;
left: 30px;
width: 110px;
margin-bottom: -30px;
}

.posts {
background-color: #000000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 2px solid #ffffff;
position: relative;
left:-15px;
padding:2px;
}

.cate-title {
background: #0076bf; /*fond*/
-moz-border-radius-topleft: 50px; /*arrondi angle gauche*/
-moz-border-radius-topright: 50px; /*arrondi angle droit*/
-webkit-border-radius-top-left: 50px; /*arrondi angle gauche*/
-webkit-border-radius-top-right: 50px; /*arrondi angle droit*/
margin-top: 10px; /*ne pas modifier*/
margin-bottom: -10px; /*a modifier selon vos goûts*/
text-align: center; /*alignement du texte*/
height: auto; /*hauteur à modifier selon vos goûts*/
width: 500px; /*largeur à modifier selon vos goûts*/
margin-left: 70px; /*pour déplacer la position des titres des catégories*/
padding-top: 1px !important; /*espace entre la bordure et le texte*/
padding-bottom: 5px !important; /*espace entre la bordure et le texte*/
-moz-text-shadow: 2px 2px 2px #COULEUR; /*ombre sur le texte*/
-webkit-text-shadow: 2px 2px 2px #COULEUR; /*ombre sur le texte*/
text-shadow: 2px 2px 2px #COULEUR; /*ombre sur le texte*/
font-size: 24pt;
font-family: georgia;
font-style: italic;
}

/*QEEL*/

.square-qeel {
background-color: #000000;
border: 5px double #ffffff;
height: 425px;
}

ul, li{
list-style: none; /*to keep*/
}

.les_onglet{
float: left; /*to keep*/
width:80px;
padding: 2px 10px;
margin-left:7px;
margin-right:2px;
color: #ffffff;
background: #e80000;
border: 3px solid #ffffff;
cursor: pointer;
margin-bottom: -1px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.les_onglet:hover {
font-style: italic;
letter-spacing:2px;
}

.les_onglet_selected{
float: left;
width:80px;
padding: 2px 10px;
margin-left:7px;
margin-right:3px;
color: #ffffff;
background: #990000;
border: 3px solid #ffffff; /*Bordure*/
cursor: pointer;
margin-bottom: -1px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

.les_onglet_selected:hover {
font-style: italic;
letter-spacing:2px;
}

.clear{
clear: both; /*A laisser*/
}

.contenu{
color: #ffffff; /*Couleur du texte */
text-shadow: 2px 2px 2px #000000;
background: transparant;
padding: 5px; /*A laisser */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: left;
width: 400px;
}

#total-users {
background-image: url("http://i76.servimg.com/u/f76/14/26/75/48/bann310.png");
height: 86px;
width: 400px;
}

#online-users {
background-image: url("http://i76.servimg.com/u/f76/14/26/75/48/bann510.png");
height: 86px;
width: 400px;
overflow:auto;
}

#record-users {
background-image: url("http://i76.servimg.com/u/f76/14/26/75/48/bann410.png");
height: 86px;
width: 400px;
}

#new-user {
background-image: url("http://i76.servimg.com/u/f76/14/26/75/48/bann610.png");
height: 86px;
width: 400px;
}

#bday {
background-image: url("http://i76.servimg.com/u/f76/14/26/75/48/bann710.png");
height: 86px;
width: 400px;
}

#total-post {
background-image: url("http://i76.servimg.com/u/f76/14/26/75/48/bann112.png");
height: 86px;
width: 400px;
}

#links {
background-image: url("http://i76.servimg.com/u/f76/14/26/75/48/bann411.png");
height: 81px;
width: 400px;
padding-top: 5px;
}

.groups {
background-color: #ffffff;
color: #e90000;
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
border-left: 2px solid #e90000;
border-right: 2px solid #e90000;
margin-left: 20px;
margin-right: 20px;
}

Merci beaucoup Smile

Alors, il te suffit de rajouter une class au tableau qui encadre L_CONNECTED_MEMBERS, avec le nom que tu souhaites évidement.

Ensuite, en suivant le tuto que tu as nommé, tu devrais pouvoir réussir à te faire le CSS qui va avec.

Si tu veux que je t'aide à le faire n'hésite pas, mais vu que tu as déjà fait tes recherches, je pense que tu devrais y arriver sans moi.

Si je suis pas clair n'hésites pas à le dire ^^

Non c'est très clair, merci Smile

Je vais essayé ça et je reviens, mais je crois que ça serait logique comme avant j'avais mis la class à l'intérieur du tableau, et non à l'extérieur.

J'édite aussitôt que j'ai essayé Wink

Salut,

Dans ton template cherche ça:

Code:: <div id="co_2" class="contenu" style="display:none;height:280px;">
<table><span>{L_CONNECTED_MEMBERS}</div></span></table>

Et remplace par ça:

Code:: <div id="co_2" class="contenu" style="display:none;height:280px;"><div class="membre_co">
{L_CONNECTED_MEMBERS}</div></div>

Et dans ton css:

Code:: .membre_co
{
height: 100px;
overflow: auto;
}

Il faut le mettre dans un div et non un span. Car overflow fonctionne avec les block.

James

EDIT: Doublé Désolé pas vu vos messages.

Merci beaucoup à vous deux Smile

Bon, alors j'ai sensiblement réussi à avoir quelque chose, c'est à dire que comme j'ai un forum test, j'ai créer plein de compte pour que ça prenne plus d'espace pour tester, donc j'ai mis une petit hauteur de 20px et une scroll.

Le hic, c'est que ça coupe bien, que quand je roule avec la souris, le texte défile dans la boite, mais ya pas de scrollbar qui s'affiche.

Jvous donne directement le mon forumtest, clickk, pour que vous voyez par vous même (c'est l'onglet 24h dans le qeel), et voir si vous êtes capable de me dire pourquoi ça fait ça ><

J'ai pas encore essayé ton truc James, comme j'avais réussi avant de le voir (ou sensiblement réussi), j'ai préféré pas prendre de chance...

Merci beaucoup Smile

Coucou!

Essaye de remplacer par :

Code:: <div id="co_2" class="contenu" style="display:none;height:280px;"><div class="membre_co"><span class="gensmall">{L_CONNECTED_MEMBERS}</span></div></div>

Voilà.

Salut

Bon, eh bien quand je remplace par ton code, ça déforme absolument tout, va savoir pourquoi. Ce code là doit vraiment être dans une table je crois si on veut pas qu'il bousille tout. Alors j'ai simplement rajouter une table que tout rentre dans l'ordre, ça marche mais toujours pas de scrollbar d'affichée... >< On peut seulement le faire défiler avec la souris.

Je vais essayé de créer plus de comptes voir si ça prend plus d'espace elle s'affichera, sait-ton jamais...

ÉDIT: Hey je viens de voir, sur IE la scroll m'apparrait :O!! Ok, c'est la première fois que je vois IE surpacer Firefox. Quelqu'un aurait pas une idée par hasard??

Salut,

Le probleme viens du faite que tu as 20px de hauteur et la scrollbar en fais presque autant^^. Remplace par 40px et tu veras ça fonctionne:
Scrollbar sur «membres connectés depuis les 24h» Copie_10

Scrollbar sur «membres connectés depuis les 24h» Copie_10

Le code:

Code:: .scroll {
height: 200px;
overflow: auto;
}

James

J'ai peut être la solution Wink

Essaye un overflow:scroll; à la place du overflow:auto; si la solution de James ne fonctionne pas bien sûr Wink

Aaaah parfait ça marche Very Happy

Merci infiniment tout le monde, vous m'avez sauvé la vie Very Happy

Finalement c'était parce que c'était trop petit en pixel, le tuc de james avait fait sauté le MEMBERS CONNECTED blablabla en dessous alors je l'ai réessayé et ça a marché, et ça marche avec scroll aussi!

Donc merci, vous m'avez sauvé la vie Scrollbar sur «membres connectés depuis les 24h» 926145

Scrollbar sur «membres connectés depuis les 24h» 926145

Résolu

Si c'est résolu, je classe (:

Scrollbar sur «membres connectés depuis les 24h»

Scrollbar sur «membres connectés depuis les 24h»

Sujets similaires

Sujets similaires

Partenaires Or