Problème défilement des partenaires dans cadre avec marquee

3 participants

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

Résolu Problème défilement des partenaires dans cadre avec marquee

Message par Têted'ampoule Mar 3 Juin 2014 - 17:31

Bonjour  Smile 

Je vous explique : Sur le PA de mon forum, le code prévoit un cadre (en bas) permettant d'afficher les logos de mes partenaires de sorte à ce qu'ils défilent vers la gauche, tranquillement. Jusque là, pas de problème. Quand j'en avais 4 ou 5, tout fonctionnait à la perfection...

Mon problème : ... Seulement voilà, depuis que j'en ai plus (et j'en prévoit bieeen plus), le défilement bug puis recommence. Je m'explique : arrivé au niveau du partenaire "1942 felicis" (et il y en a un dernier juste après !) le défilement stoppe. C'est-à-dire que le logo ne disparaît pas en s'engouffrant dans le bord du cadre comme cela s'est passé pour les précédents.

(Aussi, j'ai peur qu'en ajoutant des partenaires, cela bug davantage ! Car je veux qu'on les voit tous, et qu'on voit chaque logo aussi longtemps que les autres ! )

(D'autant plus que sur d'autres forums qui ont bien plus de partenaires que mon récent forum à moi, le défilement ne s’arrête pas et fonctionne normalement, en boucle. Moi aussi il fonctionne en boucle, mais la boucle reprend trop tôt, voilà tout !)

Mais pour vous rendre compte par vous-même, voici le lien vers mon forum : http://ageofroses.forumactif.org/
Vous n'aurez pas à chercher longtemps puisque le soucis se situe sur la page d'accueil. Vous n'aurez qu'à regarder les partenaires défiler et vous vous rendrez vite compte du problème. Pour l'instant ce n'est pas vraiment un problème, mais ça risque d'en devenir un !

Merci beaucoup  Razz 

Mon CSS :

Code:
body { background-attachment: no-fixed; background-repeat: no-repeat; background-position: top center;}
.postbody {
text-align:justify;
padding-left:8px;
padding-right:8px;
}
.cadre {
  height: 140px;
  border: 2px solid #E3C979;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    text-align:justify;
  line-height: 12px;
  background-color: #1c150c;
  box-shadow:0px 0px 3px #fff;
}
.chatbox_row_1, .chatbox_row_2, .chatbox_row_3 {
font-size:15px;}
-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }
.bidule {
height : 78px;
width : 540px;
overflow : auto;
}
#left{
  width: 0 !important;
}

La partie "partenaires" de mon PA :

Code:
<div class="cadre" style="margin-top:5px;width:780px; height:80px;">
         
         <div style="height:110px;padding:3px;  overflow: auto;text-align:justify;">
            
            <table>
               
               <tbody>
                  
                  <tr>
                     
                     <td>
                        
                        <div style="margin-top:10px; font-family: 'Great Vibes', cursive; font-size: 40px; color: #B58D3E; text-transform: lowercase; letter-spacing: 1px;margin-bottom:5px;">
                            Nos Partenaires
                        </div><a href="http://ageofroses.forumactif.org/f100-partenariats">Devenir Partenaire</a><br />
                     </td>
                     
                     <td>
                        
                        <marquee style="width:500px;margin-left:1px;">
                            <a href="http://reinventeladestinee.forumactif.com/"><img src="http://i28.servimg.com/u/f28/14/58/50/16/rld_ic11.jpg " /></a> <a href="http://wizard-sanctuary-rpg.forumactif.org/"><img src="http://i55.servimg.com/u/f55/18/64/09/84/part110.png " /></a> <a href="http://coalitionv2.forumactif.org/"><img src="http://i56.servimg.com/u/f56/11/12/42/73/88-3110.gif " /></a> <a href="http://invocation.forumactif.fr/"><img src="http://i49.servimg.com/u/f49/12/09/81/04/88p31d10.png " /></a> <a href="http://royaumedelaryskanir.forumsrpg.com/"><img src="http://i76.servimg.com/u/f76/17/94/18/74/88_31_10.jpg " /></a> <a href="http://felixdix-neuf.forumactif.org/"><img src="http://www.heberger-image.fr/data/images/36949_744195logo1_.jpg " /></a> <a href="http://hypolais.jeunforum.com/portal.htm "><img src="http://i73.servimg.com/u/f73/12/51/58/28/banier13.jpg " /></a>
                        </marquee><br />

Mon PA entier (par Reira de Libre Graph') :

Code:
<br />
<div style="text-align: center;">
    <br /><span style="font-family: georgia; color: #B58D3E; line-height: 6px; font-size: 48px;"><span style="color: #B58D3E;">Bienvenue à Occlias !</span></span><br /><br /><br />
   <center>
      
      <table>
         
         <tbody>
            
            <tr>
               
               <td>
                  
                  <div class="cadre" style="width:500px;">
                      <br />
                     <center>
                        
                        <div style="float: left; padding-left: 10px; padding-right:10px;">
                            <img src="http://www.heberger-image.fr/data/images/89960_Sans_titre.png" style="width:110px;;border:4px solid ##9E9E9E;" />
                        </div>
                        
                        <div style="height:110px;padding:3px;  overflow: auto;text-align:justify;">
                           
                           <div style="margin-top:5px; font-family: 'Great Vibes', cursive; font-size: 40px; color: #B58D3E; text-transform: lowercase; letter-spacing: 1px;">
                               Contexte :
                           </div>
                           
                           <p class="MsoNormal">
                               <span style="font-size:10.0pt;line-height:200%;font-family:
" verdana","sans-serif";color:#f0f0f0"=""><o:p></o:p></span>
                           </p>
                           
                           <p class="MsoNormal">
                               <span style="color: #C7B383;"><em>Le Monde est sur le point de connaître de grands bouleversements. Alors que les Rois des nombreuses provinces du Nouveau Monde se rallient au modèle de l'Alliance, des groupuscules agissent dans l'ombre pour renverser le Pouvoir. Les Grandes Guerres ont cessé mais les complots reprennent de plus belle.</em> <br /><br /><em>Assassinats politiques, attentats terroristes et coups d'Etat bousculent le quotidien de ce monde rongé par la corruption. De-ci de-là éclatent des guerres pour lutter contre la tyrannie de Rois mauvais, ou pour reprendre des territoires, et derrière cet écran d'illusions se cachent bien des atrocités...</em> <br /> <br /><em>Nos fiers héros sauront-ils arracher le monde à ce cauchemar grandissant ? Ou bien l'y pousseront-ils davantage ... ?</em></span><br />
                           </p>
                           
                        </div>
                        
                     </center>
                     
                  </div>
                  
               </td>
               
               <td>
                  
                  <div class="cadre" style="width:250px;">
                      <br /><br />
                     <center>
                        
                        <table>
                           
                           <tbody>
                              
                              <tr>
                                 
                                 <td>
                                     <link href="http://fonts.googleapis.com/css?family=Great+Vibes|Stint+Ultra+Condensed" rel="stylesheet" type="text/css" />
                                    <div style="margin-bottom: -5px; font-family: 'Great Vibes', cursive; font-size: 40px; color: #B58D3E; text-transform: lowercase; letter-spacing: 1px;text-align:center;">
                                        Michael
                                    </div><br /><img src="http://www.heberger-image.fr/data/images/62453_7064621_orig_11_.png" style="width:110px;;border:4px solid ##9E9E9E;" /><br />
                                    <center>
                                        <strong><span style="color: rgb(240, 240, 240);">Fonda</span></strong><br /><a href="http://ageofroses.forumactif.org/u1contact" class="postlink">MP</a> - <a href="http://ageofroses.forumactif.org/u1" class="postlink">PROFIL</a>
                                    </center>
                                    
                                 </td>
                                 
                                 <td>
                                    
                                    <div style="margin-bottom: -5px; font-family: 'Great Vibes', cursive; font-size: 40px; color: #B58D3E; text-transform: lowercase; letter-spacing: 1px;text-align:center;">
                                        Marcus
                                    </div><br /><img src="http://www.heberger-image.fr/data/images/63443__leader_armor_concept_by_eventrue_d5h1b9d_4_.png" style="width:110px;;border:4px solid ##9E9E9E;" /><br />
                                    <center>
                                        <strong><span style="color: rgb(240, 240, 240);">Admin</span></strong><br /><a href="http://ageofroses.forumactif.org/u8contact" class="postlink">MP</a> - <a href="http://ageofroses.forumactif.org/u8" class="postlink">PROFIL</a>
                                    </center>
                                    
                                 </td>
                                 
                              </tr>
                              
                           </tbody>
                           
                        </table>
                        
                     </center>
                     
                  </div>
                  
               </td>
               
            </tr>
            
         </tbody>
         
      </table>
      
      <table>
         
         <tbody>
            
            <tr>
               
               <td>
                  
                  <div class="cadre" style="width:220px">
                      <br />
                     <div align="center">
                        
                        <div style="margin-bottom: 5px; font-family: 'Great Vibes', cursive; font-size: 40px; color: #B58D3E; text-transform: lowercase; letter-spacing: 1px;text-align:center;">
                            Membre du Mois
                        </div>
                        
                     </div>
                     
                     <center>
                         <a href="http://ageofroses.forumactif.org/"><img style="width:180px;border:4px solid ##9E9E9E;" src="http://www.heberger-image.fr/data/images/92079__helian_doves_by_eventrue_d6e8rlr_10_.png" /></a>
                     </center>
                     
                  </div>
                  
               </td>
               
               <td>
                  
                  <div class="cadre" style="width:290px;overflow: auto;">
                      <br />
                     <div style="margin-bottom: -5px; font-family: 'Great Vibes', cursive; font-size: 40px; color: #B58D3E; text-transform: lowercase; letter-spacing: 1px;text-align:center;">
                         Top-Sites
                     </div>
                     
                     <div style="text-align: center;">
                         <br />
                     </div>
                     
                     <div style="text-align: center;">
                         <br />
                     </div>
                     
                     <div style="text-align: center;">
                          <a href="http://www.root-top.com/topsite/obsession27/in.php?ID=21802" class="postlink" target="_blank" rel="nofollow"><img src="http://hitskin.com/themes/18/48/40/i_folder_new_hot.png" border="0" alt="" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/serpentgy/in.php?ID=10741"><img alt="" border="0" src="http://hitskin.com/themes/18/48/40/i_folder_new_hot.png" /></a> <a href="http://www.root-top.com/topsite/korben/in.php?ID=13567" class="postlink" target="_blank" rel="nofollow"><img src="http://hitskin.com/themes/18/48/40/i_folder_new_hot.png" border="0" alt="" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=4255"><img alt="" border="0" src="http://hitskin.com/themes/18/48/40/i_folder_new_hot.png" /></a> <br />
                     </div>
                     
                     <div style="text-align: center;">
                         <br />
                     </div>
                     
                     <div style="text-align: center;">
                          <a href="http://www.root-top.com/topsite/forumrpg/in.php?ID=8707" class="postlink" target="_blank" rel="nofollow"><img src="http://hitskin.com/themes/18/48/40/i_folder_new_hot.png" border="0" alt="" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/velusia/in.php?ID=5645"><img alt="" border="0" src="http://hitskin.com/themes/18/48/40/i_folder_new_hot.png" /></a><a href="http://www.root-top.com/topsite/heroicfantasy/in.php?ID=1620" class="postlink" target="_blank" rel="nofollow"><img src="http://hitskin.com/themes/18/48/40/i_folder_new_hot.png" border="0" alt="" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/moonlighttoprpg/in.php?ID=2989"><img alt="" border="0" src="http://hitskin.com/themes/18/48/40/i_folder_new_hot.png" /></a> <br />
                     </div>
                     
                  </div>
                  
               </td>
               
               <td>
                  
                  <div class="cadre" style="width:210px;">
                      <br />
                     <div style="height:110px;padding:3px;  overflow: auto;text-align:justify;">
                        
                        <div style="margin-top:8px; font-family: 'Great Vibes', cursive; font-size: 40px; color: #B58D3E; text-transform: lowercase; letter-spacing: 1px;">
                            Liens Utiles
                        </div><br /><a href="http://ageofroses.forumactif.org/t62-l-equipe-du-staff">Staff</a><br /> <a href="http://ageofroses.forumactif.org/t50-contexte">Contexte</a><br /> <a href="http://ageofroses.forumactif.org/t47-charte-du-forum">Règlement</a><br /><a href="http://ageofroses.forumactif.org/t61-guide-du-nouvel-arrivant">Guide</a><br /> <a href="http://ageofroses.forumactif.org/f85-questions">Foire aux questions</a><br /> <a href="http://ageofroses.forumactif.org/f102-suggestions">Suggestions</a>
                     </div>
                     
                  </div>
                  
               </td>
               
            </tr>
            
         </tbody>
         
      </table>
      
      <div class="cadre" style="margin-top:5px;width:780px; height:80px;">
         
         <div style="height:110px;padding:3px;  overflow: auto;text-align:justify;">
            
            <table>
               
               <tbody>
                  
                  <tr>
                     
                     <td>
                        
                        <div style="margin-top:10px; font-family: 'Great Vibes', cursive; font-size: 40px; color: #B58D3E; text-transform: lowercase; letter-spacing: 1px;margin-bottom:5px;">
                            Nos Partenaires
                        </div><a href="http://ageofroses.forumactif.org/f100-partenariats">Devenir Partenaire</a><br />
                     </td>
                     
                     <td>
                        
                        <marquee style="width:500px;margin-left:1px;">
                            <a href="http://reinventeladestinee.forumactif.com/"><img src="http://i28.servimg.com/u/f28/14/58/50/16/rld_ic11.jpg " /></a> <a href="http://wizard-sanctuary-rpg.forumactif.org/"><img src="http://i55.servimg.com/u/f55/18/64/09/84/part110.png " /></a> <a href="http://coalitionv2.forumactif.org/"><img src="http://i56.servimg.com/u/f56/11/12/42/73/88-3110.gif " /></a> <a href="http://invocation.forumactif.fr/"><img src="http://i49.servimg.com/u/f49/12/09/81/04/88p31d10.png " /></a> <a href="http://royaumedelaryskanir.forumsrpg.com/"><img src="http://i76.servimg.com/u/f76/17/94/18/74/88_31_10.jpg " /></a> <a href="http://felixdix-neuf.forumactif.org/"><img src="http://www.heberger-image.fr/data/images/36949_744195logo1_.jpg " /></a> <a href="http://hypolais.jeunforum.com/portal.htm "><img src="http://i73.servimg.com/u/f73/12/51/58/28/banier13.jpg " /></a>
                        </marquee><br />
                        <center>
                            <a href="http://forum-theme.forumperso.com/" class="postlink" target="_blank" rel="nofollow"><span style="color: #C7B383;">©️ PAGE D'ACCUEIL PAR REIRA DE LIBRE GRAPH'</span></a>
                        </center>
                        
                     </td>
                     
                  </tr>
                  
               </tbody>
               
            </table>
            
         </div>
         
      </div>
      
   </center>
   
   <div align="center">
       <span style="font-size: 36px;"><span style="color: rgb(28, 21, 12);">VOTEZ !!</span></span>
   </div>
</div><br />


Dernière édition par Têted'ampoule le Mer 4 Juin 2014 - 23:07, édité 2 fois
Têted'ampoule

Têted'ampoule
*

Masculin
Messages : 47
Inscrit(e) le : 17/08/2013

https://symbiosis.forumactif.com/
Têted'ampoule a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème défilement des partenaires dans cadre avec marquee

Message par Neptunia Mar 3 Juin 2014 - 18:31

Bonjour ^^


Vous pourriez déjà supprimer les espaces entre la fin des url de forums ou de boutons et le guillemet fermant.

D'autre part, conserver la ligne 20 du CSS que vous avez fourni vous fera aller au devant de plusieurs dysfonctionnements.
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème défilement des partenaires dans cadre avec marquee

Message par Têted'ampoule Mar 3 Juin 2014 - 19:40

Bonsoir !

Merci de votre réponse. J'ai changé la ligne défaillante de mon CSS et j'ai supprimé les espaces inutiles mais rien n'a changé :/

Que dois-je faire ?

EDIT : Je viens de regarder ce que cela donnait sur internet explorer ... Et le résultat est tout à fait satisfaisant ! Là, tout défile correctement. En revanche, sur google chrome, le bug persiste et s'accentue à chaque fois que j'ajoute un partenaire ... Comment faire :/ ?
Têted'ampoule

Têted'ampoule
*

Masculin
Messages : 47
Inscrit(e) le : 17/08/2013

https://symbiosis.forumactif.com/
Têted'ampoule a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème défilement des partenaires dans cadre avec marquee

Message par Têted'ampoule Mer 4 Juin 2014 - 20:55

UP Wink
Têted'ampoule

Têted'ampoule
*

Masculin
Messages : 47
Inscrit(e) le : 17/08/2013

https://symbiosis.forumactif.com/
Têted'ampoule a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème défilement des partenaires dans cadre avec marquee

Message par MlleAlys Mer 4 Juin 2014 - 22:49

Bonjour,
je navigue avec la dernière version de chrome et je ne vois pas le beugue dont vous parlez, tout semble défiler normalement chez moi =/
https://www.zupimages.net/up/14/23/4u4v.bmp
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

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

Résolu Re: Problème défilement des partenaires dans cadre avec marquee

Message par Têted'ampoule Mer 4 Juin 2014 - 23:01

Bonsoir !

Vraiment ? Peut-être est-ce seulement sur mon ordinateur alors ... Les premiers défilent en effet normalement, mais à partir des deux derniers, ça renvoie brusquement, ça bug.

Mais s'il s'agit d'un cas isolé seulement, tant mieux. Si mes partenaires ont le même problème, je m'arrangerais ^^

Merci à vous deux pour vos tentatives Smile
Têted'ampoule

Têted'ampoule
*

Masculin
Messages : 47
Inscrit(e) le : 17/08/2013

https://symbiosis.forumactif.com/
Têted'ampoule a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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