[Question] Problème d'affichage dans la PA

[Heung-Min Hidem]

Bonsoir,

J'ouvre ce sujet pour essayer d'avoir votre aide pour corriger ainsi que me faire comprendre qu'elle est l'erreur dans ma PA qui fait que mon contenu soit mal affiché. Voici une petite image pour que vous puissiez comprendre:


(Cliquez dessus pour l'agrandir)

Concernant le forum où je souhaiterai mettre en place ceci, c'est un forum en phpBB2, les templates ainsi que le CSS ont été modifiés. Et je suis le fondateur du forum.

Pour essayer de mettre ceci en place, il y a énormément de code, qui viennent de moi, d'une autre personne de mon forum, de tutoriel et de libre donc il se peut que sa soit le "bazart" si je peux dire!

Voici le lien du forum test où j'essaye de mettre en place ceci avant de le mettre sur mon forum actif:

http://hidem.forumactif.pro/

Cliquer sur le texte "Chatbox" dans le dernier onglet de la PA pour voir le problème, comme vous pouvez le voir, le contenu sort du cadre blanc. J'ai essayé de modifié le CSS mais sa marche pas, du moins pour ce que j'ai essayé.

Voici le code de ma PA (le CSS est compris dedans normalement):

Code:

<title>Conception d'onglet</title> <script src="http://illiweb.com/fa/js_16/fr.js" type="text/javascript"></script> <style>

          /* Début de la feuille de style */
            .onglet-content > div {
            display : none ;
            border : solid 0px;
            padding : Xpx ;
            margin-bottom : Xpx ;
            width : 600px ;
            height : Xpx;
            background: #ffffff;

          }
          .onglet-content > div.active{ display : block ; }
 
          .onglet-table { border-spacing : Xpx ; margin-left:auto ; margin-right :auto ; }
          .onglet-table td {
          style : top ;
          vertical-align:middle ;
          border : solid Xpx ;
          border-radius : 50px 50px 50px 50px ; -moz-border-radius : 50px 50px 50px 50px ; -webkit-border-radius : 50px 50px 50px 50px ;
            padding : 10px;
            width: Xpx;
            text-align:center;
       
            opacity : 0.7 ;
            font-size: 14px;
            background: #ffffff;
            }
          .onglet-table td.active, .onglet-table td:hover {
            opacity : 1 ;
            }

::-webkit-scrollbar {
  height: 3px;
  width: 10px;
  background-color: #dcda42;
}
 
html > ::-webkit-scrollbar {
  width: 15px;
}
 
::-webkit-scrollbar-thumb {
  background: #dcda42;
}
 
::-webkit-scrollbar-track-piece {
  background-color: #dcda42;
}

.titre{
font-size: 25px;
font-family: 'Satisfy', cursive;
color: #dcda42;
  -webkit-transition-duration:500ms;
 -moz-transition-duration:500ms;
  -o-transition-duration:500ms; 
 transition-duration:500ms;
}

.titre:hover{
margin-left: 25px;
 -webkit-transition-duration:500ms;
 -moz-transition-duration:500ms;
  -o-transition-duration:500ms; 
 transition-duration:500ms;
}

.bloc1{
height: 60px;
width: 60px;
overflow: hidden;
border-radius: 30px;
border: 2px white solid;
box-shadow: 0px 0px 2px black;
float:left;
margin: 5px;
margin-top: -14px;
background-position:center;
background-size: 70px;
}

.bloc2{
height: 60px;
width: 60px;
background-color: black;
color: white;
border-radius: 30px;
text-align: center;
opacity: 0;
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-o-transform:rotate(180deg);
-ms-transform:rotate(180deg);
  webkit-transition-duration:500ms,500ms,500ms,500ms,500ms,500ms;
 -moz-transition-duration:500ms,500ms,500ms,500ms,500ms,500ms;
  -o-transition-duration:500ms,500ms,500ms,500ms,500ms,500ms; 
 transition-duration:500ms,500ms,500ms,500ms,500ms,500ms;
}

.bloc2:hover{
opacity: 0.8;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
-ms-transform:rotate(0deg);
  webkit-transition-duration:500ms,500ms,500ms,500ms,500ms,500ms;
 -moz-transition-duration:500ms,500ms,500ms,500ms,500ms,500ms;
  -o-transition-duration:500ms,500ms,500ms,500ms,500ms,500ms; 
 transition-duration:500ms,500ms,500ms,500ms,500ms,500ms;
 }

  a:link  {
  color:#6b4f46;
  text-decoration:none;
  }
 
  a:visited {
    color:#ffffff;
    text-decoration:none;
  }
 
    a:hover {
    color:#ffffff;
  opacity:0.6;
    text-decoration:none;
  }
          /* Fin de la feuille de style */
      </style>
<center>
    <script type="text/javascript">
      /* Début du script */
      jQuery(document).ready(function(){
          jQuery(".onglet-table").find("td").click(function(){
            /* Suppression des classe .active pour tout les onglets et contenus */
            var system = jQuery(this).closest(".onglet"); /* Sélection du système d'onglet */
            system.find(".onglet-table").find(".active").removeClass("active");
            system.find(".onglet-content").find(".active").removeClass("active");

            /* Ajout de la classe active à l'onglet cliqué et au contenu correspondant */
            var id = jQuery(this).attr("name");            /* Identification du numéro de l'onglet cliqué */
            jQuery(this).addClass("active");
            system.find(".onglet-content").find("div[name='"+id+"']").addClass("active");
          });
      });
      /*Fin du script */
    </script>
   <!--                                                                                                                                                                                                                                                              Début du HTML                                                                                                                                                                                                                                                              -->
   <div class="onglet">
      
      <table>
         
         <tbody>
            
            <tr>
               
               <td colspan="2">
                  
                  <table class="onglet-table">
                     
                     <tbody>
                        
                        <tr>
                           
                           <td class="active" name="1">
                               HISTOIRE DE KPOP FANS
                           </td>
                           
                           <td name="2">
                               ÉQUIPE
                           </td>
                           
                           <td name="3">
                               ACTUALITÉ
                           </td>
                           
                           <td name="4">
                               VIDEO
                           </td>
                           
                           <td name="5">
                               CHATBOX
                           </td>
                           
                        </tr>
                        
                     </tbody>
                     
                  </table>
                  
               </td>
               
            </tr>
            
            <tr>
               
               <td>
                  
                  <div class="onglet-content">
                     
                     <div class="active" name="1">
                        
                        <div class="fondsgénéraux">
                           
                           <table>
                              
                              <tbody>
                                 
                                 <tr>
                                    
                                    <td>
                                       
                                       <center>
                                           <script type="text/javascript">
        //<!--
                function change_paonglet(name)
                {
                        document.getElementById('paonglet_'+anc_paonglet).className = 'paonglet_0 paonglet';
                        document.getElementById('paonglet_'+name).className = 'paonglet_1 paonglet';
                        document.getElementById('contenu_paonglet_'+anc_paonglet).style.display = 'none';
                        document.getElementById('contenu_paonglet_'+name).style.display = 'block';
                        anc_paonglet = name;
                }
        //-->
        </script>
                                          <div class="contenu_paonglets">
                                             
                                             <div class="contenu_paonglet" id="contenu_paonglet_contexte">
                                                
                                                <div class="titrePA2">
                                                    Contexte
                                                </div><img style="width: 200px" src="http://24.media.tumblr.com/tumblr_m087gi7ZrN1qgp9hfo1_500.gif" /> <br /><br />
                                                <div style="TEXT-ALIGN: justify; WIDTH: 230px; HEIGHT: 150px; COLOR: #767676; OVERFLOW: auto;">
                                                    Le but de ce forum est de regrouper des fans de la culture coréenne afin de parler et de partager ses différents points de vues sur ce magnifique pays que ce soit son mode de vie, sa culture mais surtout concernant la Kpop. Ce forum vous offre la possibilité de parler de tout ce qui touche à la Corée du Sud ainsi qu'un espace détente afin de parler d'autre sujet que la culture coréenne. Si vous avez des remarques ou bien des suggestions pour améliorer le forum, n'hésitez pas nous sommes à votre écoute. <br />
                                                </div>
                                                
                                             </div>
                                             
                                          </div>
                                          
                                          <div class="paonglets">
                                              <span onclick="javascript:change_paonglet('contexte');" id="paonglet_contexte" class="paonglet_0 paonglet"></span>
                                          </div>
                                           <br /> <script type="text/javascript">
        //<!--
                var anc_paonglet = 'contexte';
                change_paonglet(anc_paonglet);
        //-->
        </script><br /><br />
                                          <div style="margin-top:-25px;" class="blocpa">
                                             
                                             <div class="titrePA2">
                                                 Liens utiles
                                             </div><br /><select onchange="location = this.value" style="BACKGROUND-COLOR: #d3d3d3; WIDTH: 190px; COLOR: #16161a;"> <option>Faites votre choix</option> <option value="http://kpop-fans.forumactif.org/t8-reglement-du-forum">Règlement du forum</option> <option value="http://kpop-fans.forumactif.org/t13-l-equipe-de-kpopfans-staff">L'équipe de KpopFans (Staff)</option> <option value="https://www.youtube.com/channel/UCKJGlQEyqmYznt_W5DXoiow">Youtube KpopFans</option> <option value="http://kpop-fans.forumactif.org/t50-partenariat">Partenariat</option> </select>
                                          </div><br /><br />
                                       </center>
                                       
                                    </td>
                                    
                                    <td style="WIDTH: 20px">
                                       
                                    </td>
                                    
                                    <td>
                                       
                                       <center>
                                          
                                          <div style="WIDTH: 300px; margin-top:-15px;" class="blocpa">
                                             
                                             <div class="titrePA2">
                                                 Radio partenaire
                                             </div>
                                              <object style="width: 250px; height: 275px;"><param value="always" id="allowscriptaccess" /><param value="http://static.radionomy.com/cdn/flash/BannerEmbed.swf?RadUID=3179584f-f998-4e8b-a06d-3cbf91b3eeff&titlesColor=ffffff&color=7d7d7d&autoPlay=no&lang=fr" id="movie" /><param value="transparent" id="wmode" /><embed src="http://static.radionomy.com/cdn/flash/BannerEmbed.swf?RadUID=3179584f-f998-4e8b-a06d-3cbf91b3eeff&titlesColor=ffffff&color=7d7d7d&autoPlay=no&lang=fr" wmode="transparent" type="application/x-shockwave-flash" allowscriptaccess="always" style="width: 250px; height: 275px;" /></object>
                                          </div><br /> <br />
                                          <div style="WIDTH: 300px" class="blocpa">
                                             
                                             <div class="titrePA2">
                                                 Nos partenaires
                                             </div>
                                             
                                             <marquee>
                                                 <a href="http://sunasia.forumactif.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://nsa30.casimages.com/img/2013/01/10/130110093825242589.png" alt="" border="0" /></a> <a href="http://www.hello-project-france.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://i49.servimg.com/u/f49/13/29/22/94/bouton10.png" alt="" border="0" /></a> <a href="http://www.bap-france.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i.imgur.com/UbQoXG0.png" alt="" border="0" /></a> <a href="http://kpop-fans.forumactif.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://img11.hostingpics.net/pics/9592391338821105Logo.png" alt="" border="0" /></a>
                                             </marquee>
                                             
                                          </div><br />
                                       </center>
                                       
                                    </td>
                                    
                                 </tr>
                                 
                              </tbody>
                              
                           </table><br />
                        </div><link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Parisienne" />
                     </div>
                     
                     <div name="2">
                        
                        <div class="fondsgénéraux">
                           
                           <table>
                              
                              <tbody>
                                 
                                 <tr>
                                    
                                    <td>
                                       
                                       <center>
                                           <script type="text/javascript">
      <!--
              function change_paonglet(name)
              {
                      document.getElementById('paonglet_'+anc_paonglet).className = 'paonglet_0 paonglet';
                      document.getElementById('paonglet_'+name).className = 'paonglet_1 paonglet';
                      document.getElementById('contenu_paonglet_'+anc_paonglet).style.display = 'none';
                      document.getElementById('contenu_paonglet_'+name).style.display = 'block';
                      anc_paonglet = name;
              }
      //-->
      </script>
                                          <div class="contenu_paonglets">
                                             
                                          </div>
                                          
                                       </center>
                                       
                                    </td>
                                    
                                    <td>
                                       
                                       <center>
                                          
                                          <center>
                                             
                                             <div style="width:550px;">
                                                
                                                <div class="titrePA8">
                                                   
                                                   <center>
                                                      
                                                      <table>
                                                         
                                                         <tbody>
                                                            
                                                            <tr>
                                                               
                                                               <td style="width: 90%;">
                                                                  
                                                                  <div style="height: 500px; overflow:auto;">
                                                                     
                                                                     <div class="titre">
                                                                         <link href="http://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet" type="text/css" />Fondateur & Administrateur KpopFans
                                                                     </div><br />
                                                                     <div class="bloc1" style="background-image: url(http://r26.imgfast.net/users/2613/40/23/98/avatars/1-79.jpg)">
                                                                        
                                                                        <div class="bloc2">
                                                                            <br /> <a target="_blank" href="http://kpop-fans.forumactif.org/u1">Hidem</a> <br /> <a target="_blank" http:="" kpop-fans.forumactif.org="" privmsg?folder="inbox&mode=post&u=1" "="">MP</a> <br /><span style="color: #00cc00;">Présent</span>
                                                                        </div>
                                                                        
                                                                     </div>
                                                                     
                                                                     <div class="bloc1" style="background-image: url(http://img11.hostingpics.net/pics/452029TAEHYUNG1.png)">
                                                                        
                                                                        <div class="bloc2">
                                                                            <br /> <a target="_blank" href="http://kpop-fans.forumactif.org/u43">PEARL</a> <br /> <a target="_blank" http:="" kpop-fans.forumactif.org="" privmsg?mode="post&u=4" "="">MP</a><br /><span style="color: #ff0000;">Absent</span>
                                                                        </div>
                                                                        
                                                                     </div>
                                                                      <br /><br /><br />
                                                                     <div class="titre">
                                                                         <link href="http://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet" type="text/css" /> <br /> Newsers
                                                                     </div><br />
                                                                     <div class="bloc1" style="background-image: url(http://img15.hostingpics.net/pics/428735Logoa.png)">
                                                                        
                                                                        <div class="bloc2">
                                                                            <br />Poste<br /> libre
                                                                        </div>
                                                                        
                                                                     </div>
                                                                     
                                                                     <div class="bloc1" style="background-image: url(http://r26.imgfast.net/users/2613/40/23/98/avatars/5-74.jpg)">
                                                                        
                                                                        <div class="bloc2">
                                                                            <br /> <a target="_blank" http:="" kpop-fans.forumactif.org="" u5"="">Elsinka</a> <br /> <a target="_blank" http:="" kpop-fans.forumactif.org="" privmsg?mode="post&u=5" "="">MP</a><br /><span style="color: #ff0000;">Absent</span>
                                                                        </div>
                                                                        
                                                                     </div>
                                                                     
                                                                     <div class="bloc1" style="background-image: url(http://r26.imgfast.net/users/2613/40/23/98/avatars/7-75.jpg)">
                                                                        
                                                                        <div class="bloc2">
                                                                            <br /> <a target="_blank" http:="" kpop-fans.forumactif.org="" u7"="">Shira</a> <br /> <a target="_blank" href="http://kpop-fans.forumactif.org/privmsg?mode=post&u=7">MP</a> <br /><span style="color: #00cc00;">Présent</span>
                                                                        </div>
                                                                        
                                                                     </div>
                                                                     
                                                                     <div class="bloc1" style="background-image: url(http://r26.imgfast.net/users/2613/40/23/98/avatars/8-45.jpg)">
                                                                        
                                                                        <div class="bloc2">
                                                                            <br /> <a target="_blank" http:="" kpop-fans.forumactif.org="" u8"="">Etsuyo</a> <br /> <a target="_blank" http:="" kpop-fans.forumactif.org="" privmsg?mode="post&u=8" "="">MP</a> <br /><span style="color: #ff0000;">Absent</span>
                                                                        </div>
                                                                        
                                                                     </div>
                                                                      <br /><br /><br /> <br /><br /><br />
                                                                  </div>
                                                                  
                                                               </td>
                                                               
                                                            </tr>
                                                            
                                                         </tbody>
                                                         
                                                      </table>
                                                      
                                                   </center>
                                                   
                                                </div>
                                                
                                             </div>
                                             
                                          </center>
                                          
                                       </center>
                                       
                                    </td>
                                    
                                 </tr>
                                 
                              </tbody>
                              
                           </table><br />
                        </div><link href="http://fonts.googleapis.com/css?family=Parisienne" rel="stylesheet" type="text/css" />
                     </div>
                     
                     <div name="3">
                        
                        <div class="fondsgénéraux">
                           
                           <div class="blocpa" style="WIDTH: 570px; height:110px; overflow:auto; text-align:justify;">
                               <img style="width: 120px;padding: 3px;margin:  5px;border: 1px solid #aaa;float: right" src="http://image.noelshack.com/fichiers/2013/21/1369178595-tumblr-m10c1ovjcd1r9vcf3o1-400.gif" /><strong>ACTUALITÉ IMPORTANTE +</strong> Dans le but de satisfaire vos attentes quant à un forum agréable et convivial, l'équipe de KpopFans est à la recherche de nouvelles recrues. Nous sommes à la recherche de modérateurs pour vieller à la bonne ambiance du forum. De plus, nous recherchons aussi des animateurs pour animer et tenir au courant la communauté de l'actualité de la Kpop.<br /><br />Si vous avez des questions au sujet de ces postes, n'hésitez pas à venir les poser par message privé aux administrateurs (Heung-Min Hidem, BLACKPEARL ou Elsinka). En espérant voir arriver de nombreuses candidatures.
                           </div><br />
                           <div class="blocpa" style="WIDTH: 570px; height:110px; overflow:auto; text-align:justify;">
                               <img style="width: 120px;padding: 3px;margin:  5px;border: 1px solid #aaa;float: left;" src="http://image.noelshack.com/fichiers/2013/21/1369178595-tumblr-m10c1ovjcd1r9vcf3o1-400.gif" /><strong>News +</strong> Aucunes pour le moment...
                           </div><br />
                           <div style="font-size:13px; text-align:center;">
                               <strong>« LA VIE QUE VOUS REVEZ DE VIVRE EST DIFFERENTE DE CE QUE VOUS IMAGINEZ »</strong>
                           </div>
                           
                           <center>
                               ━ citation venant de Suga, rappeur du groupe Bangtan Boys.
                           </center>
                            <br /> <br /><br />
                           <center>
                               <a href="https://www.facebook.com/kpopfansforum"><img src="http://2img.net/i/fa/optimisation_fdf/fr/facebook10.png" /></a><a href="https://www.youtube.com/channel/UCKJGlQEyqmYznt_W5DXoiow"><img src="http://2img.net/i/fa/optimisation_fdf/fr/youtube.png" /></a><a href="https://twitter.com/Forum_KpopFans"><img src="http://2img.net/i/fa/optimisation_fdf/fr/twitter10.png" /></a>
                           </center>
                           
                        </div>
                        
                     </div>
                     
                     <div name="4">
                        
                        <div align="center">
                            <iframe style="width: 640px; height: 360px;" src="//www.youtube.com/embed/fLG_4raRzT4" allowfullscreen="" frameborder="0"></iframe>
                        </div>
                        
                     </div>
                     
                     <div name="5">
                         <iframe src="http://hidem.forumactif.pro/h15-pubs" style="width: 900px; height: 550px;" frameborder="0"> </iframe>
                     </div>
                     
                  </div>
                  
               </td>
               
            </tr>
            
         </tbody>
         
      </table>
      
   </div>
</center>

Pour le dernier onglet (celui qui nous intéresse), j'ai utilisé un "iframe", voici le code:

Code:

<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Allura" /><meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <style type="text/css">

::-webkit-scrollbar {
  height: 3px;
  width: 10px;
  background-color: #dcda42;
}
 
html > ::-webkit-scrollbar {
  width: 15px;
}
 
::-webkit-scrollbar-thumb {
  background: #dcda42;
}
 
::-webkit-scrollbar-track-piece {
  background-color: #dcda42;
}

.titre{
font-size: 25px;
font-family: 'Satisfy', cursive;
color: #dcda42;
  -webkit-transition-duration:500ms;
 -moz-transition-duration:500ms;
  -o-transition-duration:500ms; 
 transition-duration:500ms;
}

.titre:hover{
margin-left: 25px;
 -webkit-transition-duration:500ms;
 -moz-transition-duration:500ms;
  -o-transition-duration:500ms; 
 transition-duration:500ms;
}

.bloc1{
height: 60px;
width: 60px;
overflow: hidden;
border-radius: 30px;
border: 2px white solid;
box-shadow: 0px 0px 2px black;
float:left;
margin: 0px;
margin-top: 0px;
background-position:center;
background-size: 70px;
}

.bloc2{
height: 60px;
width: 60px;
background-color: black;
color: white;
border-radius: 30px;
text-align: center;
opacity: 0;
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-o-transform:rotate(180deg);
-ms-transform:rotate(180deg);
  webkit-transition-duration:500ms,500ms,500ms,500ms,500ms,500ms;
 -moz-transition-duration:500ms,500ms,500ms,500ms,500ms,500ms;
  -o-transition-duration:500ms,500ms,500ms,500ms,500ms,500ms; 
 transition-duration:500ms,500ms,500ms,500ms,500ms,500ms;
}

.bloc2:hover{
opacity: 0.8;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
-ms-transform:rotate(0deg);
  webkit-transition-duration:500ms,500ms,500ms,500ms,500ms,500ms;
 -moz-transition-duration:500ms,500ms,500ms,500ms,500ms,500ms;
  -o-transition-duration:500ms,500ms,500ms,500ms,500ms,500ms; 
 transition-duration:500ms,500ms,500ms,500ms,500ms,500ms;
 }

  a:link  {
  color:#6b4f46;
  text-decoration:none;
  }
 
  a:visited {
    color:#ffffff;
    text-decoration:none;
  }
 
    a:hover {
    color:#ffffff;
  opacity:0.6;
    text-decoration:none;
  }
 
</style>
<center>
   
   <div style="width: 700px; overflow: hidden;">
      
      <table>
  <tr>
      <td></td>
      <td><div class="bloc1" style="background-image: url(http://img15.hostingpics.net/pics/13342029ka.jpg)">
                               
                                <div class="bloc2">
                                    <br /> <a target="_blank" href="http://kpop-fans.forumactif.org/t202-top-partenaire-k-addicts">Cliquez ici</a>
                                </div>
                               
                            </div>
                            <div class="bloc1" style="background-image: url(http://icons.iconarchive.com/icons/hopstarter/gloss-mac/256/Sites-icon.png)">
                               
                                <div class="bloc2">
                                    <br /> <a target="_blank" href="http://kpop-fans.forumactif.org/t425-vous-souhaitez-etre-sur-notre-page-d-accueil#5380">Vous ici?</a>
                                </div>
                               
                            </div>
                                                  <div class="bloc1" style="background-image: url(http://img15.hostingpics.net/pics/90694397u.jpg)">
                               
                                <div class="bloc2">
                                    <br /> <a target="_blank" href="http://kpop-fans.forumactif.org/t204-top-partenaire-aisarangsub#1135">Cliquez ici</a>
                                </div>
                               
        </div><br /></td>

      <td></td>
  </tr>
  <tr>
      <td><div class="bloc1" style="background-image: url(http://icons.iconarchive.com/icons/emey87/social-button/256/youtube-icon.png)">
                               
                                <div class="bloc2">
                                    <br /> <a target="_blank" href="http://kpop-fans.forumactif.org/t425-vous-souhaitez-etre-sur-notre-page-d-accueil#5380">Vous ici?</a>
                                </div>
                               
                            </div>

<div class="bloc1" style="background-image: url(http://icons.iconarchive.com/icons/emey87/social-button/256/youtube-icon.png)">
                               
                                <div class="bloc2">
                                    <br /> <a target="_blank" href="http://kpop-fans.forumactif.org/t425-vous-souhaitez-etre-sur-notre-page-d-accueil#5380">Vous ici?</a>
                                </div>
                               
                            </div>

<div class="bloc1" style="background-image: url(http://icons.iconarchive.com/icons/emey87/social-button/256/youtube-icon.png)">
                               
                                <div class="bloc2">
                                    <br /> <a target="_blank" href="http://kpop-fans.forumactif.org/t425-vous-souhaitez-etre-sur-notre-page-d-accueil#5380">Vous ici?</a>
                                </div>
                               
                            </div>
</td>
      <td><div class="bloc1" style="background-image: url(http://icons.iconarchive.com/icons/emey87/social-button/256/facebook-icon.png)">
                               
                                <div class="bloc2">
                                    <br /> <a target="_blank" href="http://kpop-fans.forumactif.org/t425-vous-souhaitez-etre-sur-notre-page-d-accueil#5380">Vous ici?</a>
                                </div>
                               
                            </div>
<div class="bloc1" style="background-image: url(http://icons.iconarchive.com/icons/emey87/social-button/256/facebook-icon.png)">
                               
                                <div class="bloc2">
                                    <br /> <a target="_blank" href="http://kpop-fans.forumactif.org/t425-vous-souhaitez-etre-sur-notre-page-d-accueil#5380">Vous ici?</a>
                                </div>
                               
                            </div>
<div class="bloc1" style="background-image: url(http://icons.iconarchive.com/icons/emey87/social-button/256/facebook-icon.png)">
                               
                                <div class="bloc2">
                                    <br /> <a target="_blank" href="http://kpop-fans.forumactif.org/t425-vous-souhaitez-etre-sur-notre-page-d-accueil#5380">Vous ici?</a>
                                </div>
                               
                            </div></td>
      <td><div class="bloc1" style="background-image: url(http://icons.iconarchive.com/icons/emey87/social-button/256/twitter-icon.png)">
                               
                                <div class="bloc2">
                                    <br /> <a target="_blank" href="http://kpop-fans.forumactif.org/t425-vous-souhaitez-etre-sur-notre-page-d-accueil#5380">Vous ici?</a>
                                </div>
                               
                            </div>
<div class="bloc1" style="background-image: url(http://icons.iconarchive.com/icons/emey87/social-button/256/twitter-icon.png)">
                               
                                <div class="bloc2">
                                    <br /> <a target="_blank" href="http://kpop-fans.forumactif.org/t425-vous-souhaitez-etre-sur-notre-page-d-accueil#5380">Vous ici?</a>
                                </div>
                               
                            </div>
<div class="bloc1" style="background-image: url(http://icons.iconarchive.com/icons/emey87/social-button/256/twitter-icon.png)">
                               
                                <div class="bloc2">
                                    <br /> <a target="_blank" href="http://kpop-fans.forumactif.org/t425-vous-souhaitez-etre-sur-notre-page-d-accueil#5380">Vous ici?</a>
                                </div>
                               
                            </div></td>
  </tr>
 <tr>
      <td><div class="bloc1" style="background-image: url(http://icons.iconarchive.com/icons/emey87/social-button/256/youtube-icon.png)">
                               
                                <div class="bloc2">
                                    <br /> <a target="_blank" href="http://kpop-fans.forumactif.org/t425-vous-souhaitez-etre-sur-notre-page-d-accueil#5380">Vous ici?</a>
                                </div>
                               
                            </div>

<div class="bloc1" style="background-image: url(http://icons.iconarchive.com/icons/emey87/social-button/256/youtube-icon.png)">
                               
                                <div class="bloc2">
                                    <br /> <a target="_blank" href="http://kpop-fans.forumactif.org/t425-vous-souhaitez-etre-sur-notre-page-d-accueil#5380">Vous ici?</a>
                                </div>
                               
                            </div>

<div class="bloc1" style="background-image: url(http://icons.iconarchive.com/icons/emey87/social-button/256/youtube-icon.png)">
                               
                                <div class="bloc2">
                                    <br /> <a target="_blank" href="http://kpop-fans.forumactif.org/t425-vous-souhaitez-etre-sur-notre-page-d-accueil#5380">Vous ici?</a>
                                </div>
                               
                            </div></td>
      <td><div class="bloc1" style="background-image: url(http://icons.iconarchive.com/icons/emey87/social-button/256/facebook-icon.png)">
                               
                                <div class="bloc2">
                                    <br /> <a target="_blank" href="http://kpop-fans.forumactif.org/t425-vous-souhaitez-etre-sur-notre-page-d-accueil#5380">Vous ici?</a>
                                </div>
                               
                            </div>
<div class="bloc1" style="background-image: url(http://icons.iconarchive.com/icons/emey87/social-button/256/facebook-icon.png)">
                               
                                <div class="bloc2">
                                    <br /> <a target="_blank" href="http://kpop-fans.forumactif.org/t425-vous-souhaitez-etre-sur-notre-page-d-accueil#5380">Vous ici?</a>
                                </div>
                               
                            </div>
<div class="bloc1" style="background-image: url(http://icons.iconarchive.com/icons/emey87/social-button/256/facebook-icon.png)">
                               
                                <div class="bloc2">
                                    <br /> <a target="_blank" href="http://kpop-fans.forumactif.org/t425-vous-souhaitez-etre-sur-notre-page-d-accueil#5380">Vous ici?</a>
                                </div>
                               
                            </div></td>
      <td><div class="bloc1" style="background-image: url(http://icons.iconarchive.com/icons/emey87/social-button/256/twitter-icon.png)">
                               
                                <div class="bloc2">
                                    <br /> <a target="_blank" href="http://kpop-fans.forumactif.org/t425-vous-souhaitez-etre-sur-notre-page-d-accueil#5380">Vous ici?</a>
                                </div>
                               
                            </div>
<div class="bloc1" style="background-image: url(http://icons.iconarchive.com/icons/emey87/social-button/256/twitter-icon.png)">
                               
                                <div class="bloc2">
                                    <br /> <a target="_blank" href="http://kpop-fans.forumactif.org/t425-vous-souhaitez-etre-sur-notre-page-d-accueil#5380">Vous ici?</a>
                                </div>
                               
                            </div>
<div class="bloc1" style="background-image: url(http://icons.iconarchive.com/icons/emey87/social-button/256/twitter-icon.png)">
                               
                                <div class="bloc2">
                                    <br /> <a target="_blank" href="http://kpop-fans.forumactif.org/t425-vous-souhaitez-etre-sur-notre-page-d-accueil#5380">Vous ici?</a>
                                </div>
                               
                            </div>
</td>
  </tr>
</table>
         
          Restabat ut Caesar post haec properaret accitus et abstergendae causa suspicionis sororem suam, eius uxorem, Constantius ad se tandem desideratam venire multis fictisque blanditiis hortabatur. quae licet ambigeret metuens saepe cruentum, spe tamen quod eum lenire poterit ut germanum profecta, cum Bithyniam introisset, in statione quae Caenos Gallicanos appellatur, absumpta est vi febrium repentina. cuius post obitum maritus contemplans cecidisse fiduciam qua se fultum existimabat, anxia cogitatione, quid moliretur haerebat.

Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.

<br /> <marquee>
                                                 <a href="http://sunasia.forumactif.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://nsa30.casimages.com/img/2013/01/10/130110093825242589.png" alt="" border="0" /></a> <a href="http://www.hello-project-france.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://i49.servimg.com/u/f49/13/29/22/94/bouton10.png" alt="" border="0" /></a> <a href="http://www.bap-france.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i.imgur.com/UbQoXG0.png" alt="" border="0" /></a> <a href="http://kpop-fans.forumactif.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://img11.hostingpics.net/pics/9592391338821105Logo.png" alt="" border="0" /></a>
                                             </marquee>

   
                  
               

                   </td>
               
               
               
            </tr>
            
         </tbody>
         
      </table>
      
   </div>
</center>

La réponse doit être simple je pense mais elle m'échappe :/

Je vous remercie de votre attention,
Cordialement Cedino.

[[Nihil]]

Bonsoir Cedino,

Une partie peut déjà être réglé sur le code de l'iframe

Code:

<iframe src="http://hidem.forumactif.pro/h15-pubs" style="width: 900px; height: 550px;" frameborder="0"> </iframe>

Elle a actuellement une largeur (width) de 900px, ce qui est beaucoup trop large par rapport à la PA, il faudrait faire des essais avec une plus petite largeur

Ensuite il faut faire attention à ce que dans la page HTML (celle pour l'iframe) les éléments n'aient pas une trop grande largeur. En effet je vois sur cette page http://hidem.forumactif.pro/h15-pubs que la div au milieu a une largeur de 700px. 700px c'est encore un peu trop large par rapport à la largeur de la PA sur l'index ^^

[Heung-Min Hidem]

Bonsoir Cedino,

Une partie peut déjà être réglé sur le code de l'iframe

Code:

<iframe src="http://hidem.forumactif.pro/h15-pubs" style="width: 900px; height: 550px;" frameborder="0"> </iframe>

Elle a actuellement une largeur (width) de 900px, ce qui est beaucoup trop large par rapport à la PA, il faudrait faire des essais avec une plus petite largeur

Ensuite il faut faire attention à ce que dans la page HTML (celle pour l'iframe) les éléments n'aient pas une trop grande largeur. En effet je vois sur cette page http://hidem.forumactif.pro/h15-pubs que la div au milieu a une largeur de 700px. 700px c'est encore un peu trop large par rapport à la largeur de la PA sur l'index ^^

Bonsoir [Nihil],

Je vous remercie, j'avais complétement oublié la taille par rapport à l'iframe! C'était tout simple, merci encore.

Bonne soirée à vous!