derniers sujets sur ma page d'accueil

[-Mishirame-]

Bonjour,

Après avoir essayer de résoudre le problème moi même mais sans succès, je voudrais que l'on m'aide à mettre mes derniers sujets correctement.

> Mon forum ici <

Vous voyez le tableau que j'ai en page d'accueil ? Y'a déja le titre " derniers sujets " , je voudrais le placer ici, qu'il soit en scroll automatique ou bien qu'on puisse défiler avec une scroll barre ( si vous savez comment faire pouvez vous me dire svp ? ) mais je voudrais avant tout qu'il déborde pas du cadre que je lui ai imposé... Malgrès que le code soit bon, ça me fait toujours ce problème.


Voici le code entier de ma PA, le code concerné se trouve en bas en dernier;

Code:


<div id="entete">
    
   <div id="patexte">
      
      <div class="welcome">
          Bienvenue sur notre forum, <em>{USER&amp;#8288;NAME}</em> !
      </div>
      
      <center>
          
         <div style="width:650px;height:204px;">
             <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="slideful" style="width: 650px; height: 204px; "><param value="http://c.slideful.com/1/201401/31/0857785682078945/player10600_dscrt_hidden_sides.swf?fr=116&w=650&h=204&cs9=fs%3A39%3Btde%3Aurl%28fill_coloration_turning.swf%29%3Bl%3A499%3Bt%3A158&cs8=fs%3A39%3Btde%3Aurl%28fill_coloration_turning.swf%29%3Bl%3A498%3Bt%3A157&cs7=fs%3A39%3Btde%3Aurl%28fill_coloration_turning.swf%29%3Bl%3A499%3Bt%3A157&cs6=fs%3A39%3Btde%3Aurl%28fill_coloration_turning.swf%29%3Bl%3A497%3Bt%3A158&cs5=fs%3A39%3Btde%3Aurl%28fill_coloration_turning.swf%29%3Bl%3A496%3Bt%3A156&cs4=fs%3A39%3Btde%3Aurl%28fill_coloration_turning.swf%29%3Bl%3A498%3Bt%3A157&cs3=fs%3A39%3Btde%3Aurl%28fill_coloration_turning.swf%29%3Bl%3A498%3Bt%3A157&cs2=fs%3A39%3Btde%3Aurl%28fill_coloration_turning.swf%29%3Bl%3A498%3Bt%3A158&cs1=fs%3A39%3Btde%3Aurl%28fill_coloration_turning.swf%29%3Bl%3A494%3Bt%3A156&c1=Rangers+&c2=Rangers&c3=Rangers&c4=Rangers&c5=Rangers%0D%0A&c6=Rangers&c7=Rangers&c8=Rangers&c9=Rangers&s=5&tr=sl&n=9" id="movie" /><param value="#FFFF00" id="bgcolor" /><param value="high" id="quality" /><param value="always" id="allowscriptaccess" /><param value="transparent" id="wmode" />
               <!--                                      [if !IE]>                                      --><object type="application/x-shockwave-flash" data="http://c.slideful.com/1/201401/31/0857785682078945/player10600_dscrt_hidden_sides.swf?fr=116&w=650&h=204&cs9=fs%3A39%3Btde%3Aurl%28fill_coloration_turning.swf%29%3Bl%3A499%3Bt%3A158&cs8=fs%3A39%3Btde%3Aurl%28fill_coloration_turning.swf%29%3Bl%3A498%3Bt%3A157&cs7=fs%3A39%3Btde%3Aurl%28fill_coloration_turning.swf%29%3Bl%3A499%3Bt%3A157&cs6=fs%3A39%3Btde%3Aurl%28fill_coloration_turning.swf%29%3Bl%3A497%3Bt%3A158&cs5=fs%3A39%3Btde%3Aurl%28fill_coloration_turning.swf%29%3Bl%3A496%3Bt%3A156&cs4=fs%3A39%3Btde%3Aurl%28fill_coloration_turning.swf%29%3Bl%3A498%3Bt%3A157&cs3=fs%3A39%3Btde%3Aurl%28fill_coloration_turning.swf%29%3Bl%3A498%3Bt%3A157&cs2=fs%3A39%3Btde%3Aurl%28fill_coloration_turning.swf%29%3Bl%3A498%3Bt%3A158&cs1=fs%3A39%3Btde%3Aurl%28fill_coloration_turning.swf%29%3Bl%3A494%3Bt%3A156&c1=Rangers+&c2=Rangers&c3=Rangers&c4=Rangers&c5=Rangers%0D%0A&c6=Rangers&c7=Rangers&c8=Rangers&c9=Rangers&s=5&tr=sl&n=9" id="slideful" style="width: 650px; height: 204px; "><param value="#FFFF00" id="bgcolor" /><param value="high" id="quality" /><param value="always" id="allowscriptaccess" /><param value="transparent" id="wmode" /><script type="text/javascript" src="http://c.slideful.com/v20140131_0857785682078945.js"></script><noscript><a href="http://slideful.com/v20140131_0857785682078945_pf.htm">View the slide show</a></noscript></object>
               <!--                                      <![endif]                                      --></object>
         </div>
          
      </center>
      
   </div>
    
</div>
 
<div id="main">
    
   <div id="menu">
      
      <div class="descri_image">
          
         <div style="-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;display: block; text-align: justify; width: 235px; height: 185px; background: url(http://i61.tinypic.com/4kuzqu.jpg) center center no-repeat;">
            
            <div class="description_image_contenu">
                
               <div style="OVERFLOW: auto; width: 230px; height: 180px; padding: 0px;">
                  
                  <center>
                      <br /><span style="font-size:20px;" class="form">Informations</span><br /><br />
                  </center>
                  
                  <div align="left">
                      <span style="font-family: Arial;"><span style="font-size: 12px;"> <span style="color: #ff3333;">♦</span> <strong><span style="color: #ff66cc;">NosTale FR</span></strong> <br /><span style="color: #ff3333;">♦</span> <strong><span style="color: #ff66cc;">Serveur 1</span></strong> - Océanie<br /><span style="color: #ff66cc;">♦</span> <strong><span style="color: #ff66cc;">Création de la famille:</span></strong> Le 24 Août 2013<br /><span style="color: #ff66cc;">♦</span> <strong><span style="color: #ff66cc;">Camp Acte4:</span></strong> Demon<br /><span style="color: #ff3333;">♦</span> <strong><span style="color: #ff66cc;">Niveau FXP:</span></strong> 6 (60%)<br /><span style="color: #ff3333;">♦</span> <strong><span style="color: #ff66cc;">Nombre de membres:</span></strong> 25<br /> </span> </span>
                  </div>
                  
               </div>
                
            </div>
            
         </div>
          
      </div>
      
   </div>
    
   <div id="contenu">
      
      <div class="welcome">
          Staff
      </div>
      
      <div class="mozaik_contenu">
          <span class="mozaik_avatar" style="background: url(http://i60.tinypic.com/2d7zg3r.jpg) center center no-repeat;"><span class="mozaik_avatardescr"><span class="mozaik_avatartitre">R-Devil</span>Gardien de famille<br />Level: 89<br />Métier: 80<br />Classe: Mage<br /></span></span><span class="mozaik_avatar" style="background: url(http://i61.tinypic.com/f1ytqu.jpg) center center no-repeat;"><span class="mozaik_avatardescr"><span class="mozaik_avatartitre">Sheim</span>Assistant de famille<br />Level: 90<br />Métier: 80<br />Classe: Escrimeur<br /></span></span><span class="mozaik_avatar" style="background: url(http://i59.tinypic.com/o08oys.jpg) center center no-repeat;"><span class="mozaik_avatardescr"><span class="mozaik_avatartitre">-Mishirame-</span>Tête de famille<br />Level: 53<br />Métier: 70<br />Classe: Archer<br /></span></span><span class="mozaik_avatar" style="background: url(http://i60.tinypic.com/1z7255j.jpg) center center no-repeat;"><span class="mozaik_avatardescr"><span class="mozaik_avatartitre">legoyo</span>Assistant de famille<br />Level: 89<br />Métier: 80<br />Classe: Escrimeur<br /></span></span><span class="mozaik_avatar" style="background: url(http://i62.tinypic.com/2d9vhbn.jpg) center center no-repeat;"><span class="mozaik_avatardescr"><span class="mozaik_avatartitre">imminotoris159</span>Gardien de famille<br />Level: 90<br />Métier: 80<br />Classe: Archer<br /></span></span>
      </div>
      
   </div>
    
   <div id="footer">
      
      <div id="pacadre1">
          
      </div>
      
   </div>
    
   <div id="pacadre2">
      
      <div class="welcome">
          Recrutement
      </div>
      
      <div align="left">
          <br /><img src="http://i57.servimg.com/u/f57/16/93/24/50/og-es-10.gif" /> Escrimeurs: <span style="color: #33cc33;">On </span><br /><img src="http://i57.servimg.com/u/f57/16/93/24/50/og-es-10.gif" /> Archers: <span style="color: #33cc33;">On</span><br /><img src="http://i57.servimg.com/u/f57/16/93/24/50/og-es-10.gif" /> Mages: <span style="color: #33cc33;">On</span><br />
      </div>
      
   </div>
    
   <div id="pacadre3">
      
      <div class="welcome">
          Derniers sujets
      </div>
      
      <div id="recent-topics">
          <marquee behavior="scroll" direction="up" scrollamount="1" onmouseover="this.stop();" onmouseout="this.start();"> <script type="text/javascript">jQuery.get('/portal.forum?pid=1',function(data){jQuery('#recent-topics').html(jQuery(data).find('#comments_scroll_div').html());});</script> </marquee>
      </div>
      
   </div>
</div>

[MlleAlys]

Bonjour,
pour l'effet de barre de scroll sur un élément, comme une div, il faut fixer une hauteur à cette div, puis utiliser la propriété css "overflow", avec la valeur "scroll" (les barres de défilement seront toujours visibles) ou "auto" (les barres de défilement apparaissent si le contenu "dépasse" des dimensions données.
Vous pouvez donc ajouter ce code dans votre feuille de style css pour égler le problème :

Code:

#recent-topics {
    height: 75px;  /*hauteur de la div*/
    overflow: auto;  /*apparition de la barre de scroll si plus grand*/
}

[-Mishirame-]

Bonsoir !

Merci beaucoup ça fonctionne

Je passe en résolue, bonne soirée à vous