Arrondir le cadre du QEEL

[b2uty]

Bonsoir, je viens de crée un QEEL, je me demandé si il serais réalisable et si quelqu'un pourait m'aider à le réalisé.
Le voici :

Pour le cadre je l'ai repris d un forum, ce cadre me plait beaucoup j'aimerais avoir les meme arrondis.
Pour l image et les groupes ça j'ai déja, il me manque que le cadre arrondi avec la barre de défilement sur le coté
et pouvoir le placé comme sur l image.

[b2uty]

J'ai trouver ce que je voulais
https://forum.forumactif.com/t296373-scroolbar-dans-un-qeel?highlight=arrondir+Qeel

Il me manque juste à arrondir les coté du scroolbar
svp si quelqu'un peux m aider.

[Anzu]

Bonsoir,

A ma connaissance, cela n'est pas possible ou alors j'ai raté un épisode

Cordialement.

[b2uty]

Sur le modél que j'ai mit les contours de la scroolbar sont pourtant bien arrondi ,
c'est juste ça que j'ai besoin de réussir à faire T.T sinon le reste je l'ai déja fait.

Mais la scroolbar fonctionne pas sur mon QEEL, ah je panse laisser tombé.

[Lixyr]

Bonjour, Beauty,

Tu as repris le code d'étana ?
Si oui, dans ce cas essaie comme ça :

Code:

    #last24h { max-height: 100px; overflow-y: auto;
border: 1px solid #666;
-moz-border-radius: 10px;
border-radius:10px;
-webkit-border-radius:10px;}

[b2uty]

Oui j'ai reprit son code

J'ai ajouté le code que vous me proposez et ça me donne ça :



la liste des membres conecté dans les 24heurs ne veut pas se mettre endesous des uns des autres >.<

[Lixyr]

Il faut rajouter un width, pour la largeur :

Code:

width:250px;

Valeur à modifier jusqu'à ce que ça vous convienne.

[SoraNoHime]

Bonjour,

vérifie sur firefox si ton code a marché, car les arrondis compris dans le programme CC3, ne seront visibles sur IE qu'en version 9.

Cordialement.

[b2uty]

Waaa ça fonctionne :p
il faudrait que j'arrive aussi à mettre dans ce cadre les autres données ( les membres connecter, le nombres de membres qu'on a sur le forum etc... ) esque c'est posible ?
aussi le cadre est collé au bord j'aimerais qu il soit un peux décallé vert la droit

Spoiler:

vérifie sur firefox si ton code a marché, car les arrondis compris dans le programme CC3, ne seront visibles sur IE qu'en version 9.

Je suis sous explorer 7 et je vois les arrondis sur ce forum :
http://a-wa.forumactif.com/

ils ont peut etre procédé différemment ?!

[SoraNoHime]

Peut etre du au 7 alors, je sais que quand je suis en version 8 ils n'apparaissent pas ^^

En tout cas bravo, et bonne journée

[b2uty]

Merci bonne journée a vous aussi.
(bien que je n'ai pas fini T.T)

J'ai trouver pour le probleme du cadre qui collé les bord
il me faudrait juste que les autres données soient dans le cadre
mais je panse que c'est pas possible parceque c'est un cadre que pour les dérniers membres connécté dans les 24h.. =$
Esqu il aurait pas un autre moyin pour pouvoir mettre les autres données avec?
( ah désolé j'en demande trop >.<)

[Lixyr]

Tu veux tout dans le même cadre ?

[b2uty]

Oui j'aimerais bien ci possible.

[Lixyr]

Essaie comme ça pour voir :

Code:

<div id=\"last24h\">
ICI LE CONTENU DU DESSUS
<table>{L_CONNECTED_MEMBERS}</table></div>

Enfin, fais attention à ce que tu fais. ^^

Si tu n'y arrive pas, poste moi ton template.

[b2uty]

J'ai essayé mais rien ne c'est mit dans le cadre ( il c est pas dutout affiché )
il ma juste déformer un peux mon QEEL

Mon index _body :

Spoiler:

[b2uty]

up

[b2uty]

Up
Sniff je panse qu'on ma oublié T.T

[Lixyr]

Sii siii !!! Je suis dessus !

(étais en week end)

Code:

{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- BEGIN message_admin_titre -->
<tr>
<td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
</tr>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<tr>
<td class="row1" rowspan="3" align="center" valign="middle">
<div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
</td>
</tr>
<!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->
<IMG src="http://img844.imageshack.us/img844/3722/54012834.png"><A></A>
<!-- BEGIN switch_user_login_form_header -->
<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 width="100%" valign="top" align="center" class="row1">
<label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label>
<label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>

</td>
</tr>
</table>
</form>
<!-- END switch_user_login_form_header -->


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

<a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>

<!-- BEGIN switch_on_index -->
<!-- BEGIN switch_delete_cookies -->

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

<!-- BEGIN switch_user_login_form_footer -->
<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 width="100%" valign="top" align="center" class="row1">
<span class="genmed">{L_USERNAME}:</span>
<input class="post" type="text" size="10" name="username"/>
<span class="genmed">{L_PASSWORD}:</span>
<input class="post" type="password" size="10" name="password"/>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
<span class="gensmall">{L_AUTO_LOGIN}</span>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
</td>
</tr>
</table>
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<table cellspacing="2" cellpadding="2" width="800px" border="0" class="statistiques"> <tr><td>
<table> <tr>
<td width="25px"></td>
<td width="750px">
<span class="groupes"> <a href="http://cubeast-fr.forumactif.com/groupcp.forum?g=1"><font color=#349400 size="2"><b>Leader of B2uties</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"><a href="http://cubeast-fr.forumactif.com/groupcp.forum?g=2"><font color=#006A7D size="2"><b>Minaah Star</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://cubeast-fr.forumactif.com/groupcp.forum?g=5&sid=ac370916e61bb54bed8b89b8a2832e6e"><font color=#F56767 size="2"><b> Rock Thighs</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"><span class="groupes"> <a href="http://cubeast-fr.forumactif.com/groupcp.forum?g=3&sid=ac370916e61bb54bed8b89b8a2832e6e"><font color=#594AE0 size="2"><b> Maknae of substitution</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<p></p>
<span class="groupes"> <a href="http://cubeast-fr.forumactif.com/groupcp.forum?g=6&sid=ac370916e61bb54bed8b89b8a2832e6e"><font color=#8CC4F2 size="2"><b> Joker</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://cubeast-fr.forumactif.com/groupcp.forum?g=7&sid=ac370916e61bb54bed8b89b8a2832e6e"><font color=#D1AD86 size="2"><b>Rancho</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://cubeast-fr.forumactif.com/groupcp.forum?g=4&sid=ac370916e61bb54bed8b89b8a2832e6e"><font color=#C255AC size="2"><b> Sexy Abs</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://cubeast-fr.forumactif.com/groupcp.forum?g=8&sid=ac370916e61bb54bed8b89b8a2832e6e"><font color=#A5A52F size="2"><b>Prince Arabe</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://cubeast-fr.forumactif.com/groupcp.forum?g=9&sid=ac370916e61bb54bed8b89b8a2832e6e"><font color="#AD005C" size="2"><b> Team cubeast</b></font></a> </span><br><br>
</td></tr></table>

<p id="last24h">
<span class="gensmall"><font size=1> {TOTAL_USERS}. <br>
{NEWEST_USER}. <br>
{TOTAL_POSTS}<br>
</font><br>
<span class="gensmall">{TOTAL_USERS_ONLINE} <br>
{LOGGED_IN_USER_LIST} </span>
<br>
<table width="90%" align="center" style="text-align: justify" class="fa">
<tr><td>{L_WHOSBIRTHDAY_TODAY}<br>
{RECORD_USERS}</td></tr></table>
<table>{L_CONNECTED_MEMBERS}</table></p>


</table>

<!-- END disable_viewonline -->

<TABLE class=ipbtable cellSpacing=1><TBODY>
<TR><TD class=row1 width="10XP"><IMG border=0 alt=calendar src="http://img339.imageshack.us/img339/2972/calendariconcopie.png"></TD>
<TD class=row2><FONT size=1 face=Arial> [★]
</FONT></TD></TR></TBODY></TABLE>
</td></tr></table>



{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<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>
<!-- END switch_legend -->

{AUTO_DST}

Voilà voilà.
J'ai du modifier des table pour que ça marche.

[b2uty]

Il a que les 2 premiers qui ce sont mit :

Spoiler:

[Lixyr]

Ca doit être à cause du CSS, et des class des tables, parce que ça marche chez moi. Tout est dedans.

Je peux avoir le CSS ?

[b2uty]

Il est plustot chargé j'avoue :

Code:

/***APPARENCE FORUM***/


body {
background-position: top center;
background-repeat: no-repeat;
background-image: url(http://img839.imageshack.us/img839/3705/8885copie2.png);
}
 

.secondarytitle,.secondarytitle h2 {
margin: 0; padding: 0;
color: #7c477f;
font-family: Times New Roman;
font-size: 11px;
text-align: center;
left: 100px;
}

.secondarytitle h2 { display:inline; }

.infos {
margin: 0; padding: 0;
color: #000000;
font-family: times new roman;
font-size: 15px;
}

#add-google{ border: 0px dotted #9e9e9e; }


.fond_magique{
    background-image:url('http://img8.imageshack.us/img8/9236/26066106.png') !important;
}




/***APPARENCE CAT-FO***/

.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
background-image:url("http://");
padding:2px 3px;}

.forumline{
background-image:url("http://");
border-bottom: 7px #7c477f solid;
border-top: 7px #7c477f solid;
border-right: 0px #FFCF67 solid;
border-left: 0px #FFCF67 solid;
}

a.forumlink {
text-decoration: none;
background-color: #;
border-bottom: 0px dashed #ECF0F6;
border-top: 0px dashed #ECF0F6;
-moz-border-radius: 11px ;
border-right: 0px solid #ECF0F6;
-moz-border-radius: 11px ;
border-left: 0px solid #ECF0F6;
display:block;
}



a.forumlink{
-moz-border-radius: 1px 1px 1px 1px;
background-color: #;
border-bottom: 1px dotted #7c477f;
color:400315;
font-family: Times new roman;
font-size: 16px;
font-weight: lighter;
letter-spacing: 1px;
display:block;
text-align: center;
}

a.forumlink:hover {
text-transform:none;
}


.attachbox dt {
text-transform:none;
}



/***P.A***/

.boxtitle {
background-color: #D2E3D1;
color: #DC394C;
border-bottom: 2px hand #45407A;
font-weight:bold;
text-decoration:none;
font-size: 12px;
margin:0px 5px 0px 0px;
padding: 3px 10px 3px 10px;
display: block;
text-align : center;
}

.box {
background-color: #F1EFE3;
color: #4E87B2;
border: 0px solid #45407A;
font-size:12px;
margin: 0px;
padding: 3px 10px 3px 10px;
width: auto;
}

.att {
background-color: #F1EFE3;
color: #AD1F31;
border: 0px solid #45407A;
font-weight: bold;
font-size:11px;
text-align: center;
margin: 0px;
padding: 0px;
width: auto;
}

.li {
list-style-position: outside;
list-style-type: circle;
}

#subnav A:link, #subnav A:visited, #subnav A:active {
background-color: #F1EFE3;
color: #DC394C;
border-bottom: 1px hand #7c477f;
text-transform: lowercase;
text-decoration:none;
font-size: 11px;
display: block;
text-align : center;
padding: 2px;
line-height: 12px;
display: block;
}

#subnav A:hover {
background-color: #F1EFE3;
color: #4E87B2;
border-bottom: 1px dashed #9B71B0;
text-transform: lowercase;
}



/***DESCRIPTION FORUM***/

#def {
display: block;
background-color: #;
border: 0px hand #7c477f; 
text-align: center;
font-size: 11px;
color:#45407A;
font-face: Trebuchet MS;
width: 70%;
}

.links a:link, .links a:active, .links a:visited {
text-decoration: none;
text-transform: none;
font-weight: bold;
color: #7c477f;
border-bottom: 0px dotted #7c477f;
font-size: 0px;
}

.links a:hover {
text-decoration: none;
text-transform: none;
font-weight: bold;
color: #7c477f;
border-bottom: 0px hand #7c477f;
font-size: 0px;
}




/***LIENS FORUM***/




.gensmall {
font-size : 10px;
text-transform: .gensmall ;
}

a.gensmall {
font-size : 10px;
text-transform: .gensmall ;
}

a.gensmall:hover{
font-size : 11px;
text-transform: capitalize;
}
a.imginfo { /* INFOBULLES */
position: relative;
color: #7c477f; /* couleur de votre texte */
text-decoration: none;
border-bottom: 0px #7c477f solid; /* on souligne le texte */
}

a.imginfo span {
display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
display: inline; /* on 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: 10px; /* on positionne notre infobulle */
left: 20px;
background: white;
color: 7c477f;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #7c477f; /* vos couleurs et taille de bordures */
border-right: 3px solid #7c477f;
border-top: 3px solid #7c477f;
border-bottom: 5px solid #7c477f;
}



/***DIVERS***/

blockquote {
width: 600px;
border: 1px solid #942772;
font-size: 15px;
color:#E3393A;
font-family: Comic Sans MS;
letter-spacing:2px;
font-size: 12px;
text-align: left;
background-image:url('http://2img.net/i/fa/empty.gif');
background-repeat: no-repeat;
background-color: #FFFFFF;
background-position: bottom right;
}

.fiche {
width: 610px;
border: 1px solid #942772;
font-size: 15px;
color:#E3393A;
font-family: Comic Sans MS;
text-align: left;
}

.titre {
font-family: Tahoma;
font-size: 110%;
text-transform: uppercase;
background-image: URL(" ");
border-bottom: 1px dashed #ffffff;
color: #141414;
text-align: left;
border-left: 2px solid #B4B6B;
border-right: 2px solid #B4B6B;
}

.stitre {
border-bottom : 1px solid #753F86;
font-size: 15px;
color:#E3393A;
text-transform:lowercase;
letter-spacing:2px;
text-align: right;
width: 600px;
}








.milieu {width: 90%; margin: 0px; border: 1px solid #ffffff;-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; background-color:#FBEFCA}





/*----QEEL----*/
.fa td {
background-color: transparent;
border: 0px #F2C799 solid;
-moz-border-radius : 8px 8px 8px 8px;
-webkit-border-radius : 8px 8px 8px 8px;
}


.statistiques{
border:0px;
width:995px;
background-image: url("http://img691.imageshack.us/img691/5492/085copie.png");
background-repeat: no-repeat;
background-position: center;
height:300px;}

.groupes{
background-color:#e8e8e8;border: 1px #565656 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}






.traits{
border-bottom: 4px solid #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.forumlink {text-shadow: #000000 0px 1px 1px;}
a.forumlink {text-shadow: #000000 0px 1px 1px;}
a.forumlink:hover {text-shadow: #000000 0px 1px 1px;}

.post .name{text-shadow: #000000 1px 1px 2px;}

.gensmall {text-shadow: #7D7465 1px 1px 8px;}


.montablo{
background-color: #E3BE68;
color: #825810;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
padding: 20px;
width:300px;
height:270px;}

.tstaff{font-size:2 em;}

.infobulle{position: relative;z-index: 0;}

.infobulle:hover{background-color: transparent;z-index: 50;}

.infobulle span{
position: absolute;
background-color: #7c477f;
padding: 5px;
left: -1000px;
visibility: hidden;
color: }

.infobulle span img{border: 1px groove;padding: 2px;}

.infobulle:hover span{
visibility: visible;
top: 180px;
left: 35px;
width: 200 px ; 174 px;}

.montablo2{
background-color: #E3BE68;
color: ;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius:8px;
padding: 10 px;
width: 200px;
height: 100px;}

ul, li{
  list-style: none;
}

.mon_onglet{
  float: left;
  padding: 2px 10px;
  margin-right: 7px;
  color: ;
  background: #21000E;
  border: 1px solid #121212;
  cursor: pointer;
  margin-bottom: -1px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;}

.mon_onglet:hover{
  background:#21000E;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;} 

.mon_onglet_selected{
  float: left;
  padding: 2px 10px;
  margin-right: 7px;
  color: ;
  background: #21000E;
  border-top: 1px solid #21000E;
  border-right: 1px solid #DBB764;
  border-left: 1px solid #DBB764;
  border-bottom: 1px solid #DBB764;
  cursor: pointer;
  margin-bottom: -1px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;  }
       
.clear{
  clear: both;
}

.mon_contenu{
  color: ;
  background: #E6D1A1;
  border: 2px solid #DBB764;
  padding: 2px;   
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;    }

#mes_contenus, #mes_onglets{
  width: 100%;
  }


.forumline{
border: 15px solid # ;}


.maintitle
{
margin-top:400px;
}





.row1.over span.gensmall
{
display: none
}




a.forumlink:hover {
color: #C0C0C0;
background-color: #
}


.post .name{
font-size: 21px;
font-family: garamond;
text-align: center;}



.postdetails.poster-profile{
font-size: 10px;
font-family: Trebuchet MS;

}


  #last24h { max-height: 100px; overflow-y: auto;
 width:390px;
height: 54px;
border: 1px solid #666;
-moz-border-radius: 10px;
border-radius:10px;
-webkit-border-radius:10px;}

[Lixyr]

Non ça vient pas de là, ça marche quand même chez moi. forum test

Essaie de remettre le code, de ré enregistrer le template, et de voir si ça s'affiche bien. Ça a du buger, il s'affichait pas chez moi la première fois.

[b2uty]

Non ça veux toujours pas
c'est peut etre acose de mon navigateur >.<...

[Lixyr]

Dans ce cas : soit tu regardes ton forum test sous firefoxe ou Chrome (entre autre), soit tu m'envoies le lien de ton forum test et je regarde moi, ce que ça donne.

[b2uty]

Mon forum test :
http://kpop123.forumactif.com/forum

[Lixyr]

C'est le navigateur parce que ça s'affiche bien quand je regarde sous Firefox.
A savoir pourquoi ça ne marche pas sous IE7, j'en sais rien, et j'en suis étonnée, puisque ça avait l'air de marcher pour la scrollbar au début.. Hum... oO

[b2uty]

ah daccord, bon bin je vais laissé tombé ce cadre alor, vu que je suis surement pas la seul sous explorer sur mon forum et ils ne verront pas
comme tout le monde mais ce que je conprend pas c 'est que sur ce forum je vois le QEEL parfait :
http://a-wa.forumactif.com/

[Lixyr]

Vui, mais le scrollbarre marchait bien aussi sur IE avant qu'il ne vienne tout englober : c'est CA que moi je ne comprends pas. x)
Apparemment il ne veut bien s'afficher que pour englober une chose à la fois. Hum ou peut-être à cause de l'ID.



CSS :

Code:

  .last24h { max-height: 100px; overflow-y: auto;
 width:390px;
height: 54px;
border: 1px solid #666;
-moz-border-radius: 10px;
border-radius:10px;
-webkit-border-radius:10px;}

Template :

Code:

<p class="last24h">
<span class="gensmall"><font size=1> {TOTAL_USERS}. <br>
{NEWEST_USER}. <br>
{TOTAL_POSTS}<br>
</font><br>
<span class="gensmall">{TOTAL_USERS_ONLINE} <br>
{LOGGED_IN_USER_LIST} </span>
<br>
<table width="90%" align="center" style="text-align: justify" class="fa">
<tr><td>{L_WHOSBIRTHDAY_TODAY}<br>
{RECORD_USERS}</td></tr></table>
<table>{L_CONNECTED_MEMBERS}</table></p>

ou

Template aussi :

Code:

<div class="last24h">
<span class="gensmall"><font size=1> {TOTAL_USERS}. <br>
{NEWEST_USER}. <br>
{TOTAL_POSTS}<br>
</font><br>
<span class="gensmall">{TOTAL_USERS_ONLINE} <br>
{LOGGED_IN_USER_LIST} </span>
<br>
<table width="90%" align="center" style="text-align: justify" class="fa">
<tr><td>{L_WHOSBIRTHDAY_TODAY}<br>
{RECORD_USERS}</td></tr></table>
<table>{L_CONNECTED_MEMBERS}</table></div>

essaie voir ce que ça donne comme ça !

(en combinant le css, avec un des templates : essaie les deux si le premier marche pas)

[b2uty]

*o* le 2ieme fonctionne
mais il ma déformer mes cadres groupes, je sais pas comment les remetre à leurs place (pourtant eux je les aient pas touché )

[Lixyr]

C'est parce que j'ai mis une DIV. Du coup ça forme un bloc, qui englobe le tout. Hum fais voir ton template comme il est, que je vois un peu ce que ça donne. Avec le css si jamais c'est pas le même que celui du dessus (exit le dernier code que j'ai donné, ça je peux le changer)