AccueilRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

-20%
Le deal à ne pas rater :
Nike MD Runner 2
51.97 € 64.99 €
Voir le deal

    PA Rose/Grise - décalée vers le bas

    P-Summers
    P-Summers
    FémininAge : 22Messages : 57

    Lun 14 Juin 2021 - 12:09

    Bien le bonjour !

    Je rencontre un problème avec ma PA sur certains navigateurs, comme Firefox. Il s'agit de cet LS modifié.

    C'est simple, le contenu de la PA, à part le titre et le fond, est décalé de façon assez moche vers le bas xD Je vous envoie un screen pour expliquer ce que je veux dire. Screen

    Je ne suis pas trop sûre pourquoi. Je vous envoie le code de la PA.

    Code:
    <meta charset="UTF-8" />  <title>PA grise/rose + scrollbar personnalisée.</title>  <link href="https://fonts.googleapis.com/css?family=Alegreya|Euphoria+Script|Roboto+Condensed|Gafata&display=swap" rel="stylesheet" /><link rel="preconnect" href="https://fonts.gstatic.com" /><link href="https://fonts.googleapis.com/css2?family=Linden+Hill&display=swap" rel="stylesheet" />  <style>

          body {
            background: #E1EAF8;
          }

          #pa h1, #pa h2, #pa h3, #pa h4, #pa h5, #pa h6, #pa p {
            margin: 0; padding: 0; font-weight: normal;
          }
          p {
       font-size: 12px;
          }
          a {
       font-size: 12px;
          }
          #pa {
            width: 800px;
            min-height: 200px;
            border-radius: 10px;
            background: #fff;
            margin: 75px auto 20px;
            position: relative;
            padding-top: 50px;
            font-family: 'Gafata'; !important
            font-size: 9px; !important
            letter-spacing: 1px;
            color: #2B313F;
          }

          #pa a {
            color: #2B313F;
            text-decoration: none;
          }

          #pa a, #pa h2, .news p {
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -ms-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
          }

          #pa a:hover {
            color: #C13342;
          }
         
          #pa h1 {
            width: 347px;
            height: 70px;
            position: absolute;
            background: url("https://2img.net/r/hpimg15/pics/520024nuage.png") no-repeat;
            top: -67px;
            left: 50%;
            margin-left: -173.5px;
            text-align: center;
            padding-top: 60px;
            font-size: 50px;
            color: #41BBD9;
            display: block;
          padding-top: 15px;
          height: 60px;
          margin: 0px;
          font-family: 'Alegreya', serif;
          text-shadow: 1px 1px 3px #E198BA;
          letter-spacing: 1px;
          }

          ul#ticker01, ul#concours, ul.groupes, ul#staff, ul#intrigue
          {
            list-style-type: none;
            margin: 0;
            padding: 0;
          }

          #pa h2 img {
            position: absolute; top:0;
          }

          #pa table td {
            min-height: 50px;
            border-radius: 10px;
            position: relative;
            padding-top: 25px;
          }

          #pa table td.withbg {
            background: #E1EAF8;
          }

          #pa h2 {
            height: 34px;
            position: absolute;
            top: -12.5px;
            z-index: 3;
            font-size: 34px;
            color: #2B313F;
            font-family: 'Euphoria Script', cursive;
          }

          #pa h2:hover {
            color: #C13342;
          }

    /* CONCEPT */

          .concept {
            height: 192px; max-height: 192px;
            overflow-y: scroll;
            padding: 1px;
          }

          .concept p {
            margin-bottom: 20px !important;
            padding-right: 20px !important;
          }

          .concept p:last-child {
            margin-bottom: 0px !important;
          }

    /* GROUPES */

          .groupes {
            height: 60px; max-height: 60px;
            text-align: center;
          }

          .groupes li {
            display: inline-block;
            margin: 0 10px;
          }

    /* NEWS */

          .news {
            height: 87px; max-height: 87px;
            overflow-y: scroll;
          }

          .news strong {
            color: #DFB829;
            font-family: sans-serif;
            text-transform: uppercase;
            font-weight: normal;
          }

          .news p {
            border-bottom: 1px solid lightgray;
            padding: 2px 0 !important; margin: 2px 0 !important;
          }

          .news p:hover {
            border-bottom: 1px solid lightgray;
            padding: 2px 0 2px 20px !important; margin: 2px 0 !important;
          }

    /* CONCOURS */
         
          ul#concours {
            width: 280px;
            height: 114px; max-height: 114px;
            margin: 0px auto 0;
            text-align: center;
          }
         
          ul#concours li {
            width: 84px;
            margin: 0 5px;
            display: inline-block;
            position: relative;
            z-index: 4;
          }

          ul#concours li span {
            display: none;
            width: 150px;
            padding: 10px;
            position: absolute;
            bottom: 60px;  right: 50%; margin-right: -75px;
            background: #fff;
            color: #fff;
            z-index: 5;
            border-radius: 10px;
            border-bottom: 1px solid #C13342;
          }

          ul#concours li:hover span {
            display: block;
          }

          ul#concours li span img {
            max-width: 150px;
            height: auto;
          }

          .fleche {
            width: 26px;
            height: 12px;
            background: url("https://i.servimg.com/u/f39/19/07/10/81/fleche11.png");
            position: absolute;
            bottom: -12px;
            left: 50%;
            margin-left: -13px;
          }

    /*VOTES*/
    .votes {
     height: 75px;
    width: 75px;
    display: inline-block;
    overflow: hidden;
    border-radius: 100px;
    margin-right: 8px;
    margin-left: 8px;
    border: 5px solid #dfb829;
    }

    /* STAFF */

          #staff img, ul#concours li img.mini {
          }

          #staff li {
            display: inline-block;
            width: 80px; max-width: 80px;
          }

          #staff li:hover {
            cursor: help;
          }

          .staff p {
            padding: 10px 0 10px !important;
          }

          .staff{
            text-align: center;
          }

          .staff .pseudo
          {
            display: inline-block;
            color: #DFB829;
          }

    /*INTRIGUE*/

    /* CONCEPT */

          .intrigue {
            height: 80px; max-height: 80px;
            overflow-y: scroll;
            padding: 1px;
          }

          .intrigue p {
            margin-bottom: 20px !important;
            padding-right: 20px !important;
          }

          .intrigue p:last-child {
            margin-bottom: 0px !important;
          }

    /* PARTENAIRES */
         
          td.partenaires {
            padding-top: 15px !important;
          }

          .parto {
     height: 50px;
    width: 50px;
    display: inline-block;
    overflow: hidden;
    border-radius: 100px;
    margin-right: 8px;
    margin-left: 8px;
    }
          .tickercontainer { /* the outer div with the black border */
            width: 750px;
            height: 31px;
            margin: 0 auto;
            padding: 0;
            overflow: hidden;
            position: relative;
            z-index: 2;
          }
          .tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
            position: relative;
            left: 0px;
            top: 0px;
            width: 750px;
            overflow: hidden;
          }
          ul.newsticker { /* that's your list */
            position: relative;
            left: 750px;
          }
          ul.newsticker li {
            float: left; /* important: display inline gives incorrect results when you check for elem's width */
            width: 88px;
            margin: 0 2px;
            padding: 0;
          }

    /* CREDITS */

          #credits {
            position: absolute;
            padding: 0px 10px;
            bottom: -20px;
            right: 0px;
            height: 20px;
            line-height: 20px;
            font-size: 8px;
            color: gray;
            text-transform: uppercase;
            text-shadow: 1px 1px 0px #ffffff;
          }
         
    /* SCROLLBAR */

          ::-webkit-scrollbar{height:12px;width:5px;background:none;margin-right:5px;}
          ::-webkit-scrollbar-thumb{background:rgba(65, 187, 217, 1);height:30px;border-radius:12px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.75);cursor:crosshair;}
          ::-webkit-scrollbar-corner{background:none;}

          ::-moz-scrollbar{height:12px;width:5px;background:none;margin-right:5px;}
          ::-moz-scrollbar-thumb{background:rgba(65, 187, 217, 1);height:30px;border-radius:12px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.75);cursor:crosshair;}
          ::-moz-scrollbar-corner{background:none;}

          ::-ms-scrollbar{height:12px;width:5px;background:none;margin-right:5px;}
          ::-ms-scrollbar-thumb{background:rgba(65, 187, 217, 1);height:30px;border-radius:12px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.75);cursor:crosshair;}
          ::-ms-scrollbar-corner{background:none;}

          ::-o-scrollbar{height:12px;width:5px;background:none;margin-right:5px;}
          ::-o-scrollbar-thumb{background:rgba(65, 187, 217, 1);height:30px;border-radius:12px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.75);cursor:crosshair;}
          ::-o-scrollbar-corner{background:none;}

          ::-scrollbar{height:12px;width:5px;background:none;margin-right:5px;}
          ::-scrollbar-thumb{background:rgba(65, 187, 217,1);height:30px;border-radius:12px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.75);cursor:crosshair;}
          ::-scrollbar-corner{background:none;}
      </style>   
    <div id="pa">
                                                                                                  
       <h1>
                                                        Spirited Soccer                                       
       </h1>
                                                                                                  
       <table cellspacing="15px" cellpadding="10px" id="contenu-general" style="width: 800px;">
                                                          <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
          <tr style="">
                                                                                                                          
             <td rowspan="2" valign="top" class="withbg" style="width: 300px;">
                                                                                                                                     
                <h2>
                                                                         Le concept                                                   
                </h2>
                                                                                                                                     
                <div class="concept" style="font-family: 'Gafata', sans-serif;">
                                                                                                                                                  
                   <p>
                                                                              <img src="https://2img.net/i.ibb.co/JsGgYYw/mini-icon-nonew.png" />  Forum évolutif. <br /><img src="https://2img.net/i.ibb.co/JsGgYYw/mini-icon-nonew.png" />  Pas de minimum de lignes.<br /><img src="https://2img.net/i.ibb.co/JsGgYYw/mini-icon-nonew.png" />  Aucune connaissance ou passion en foot nécessaires.  <br /> <img src="https://2img.net/i.ibb.co/JsGgYYw/mini-icon-nonew.png" />  Ambiance familiale.  <br />                                                   
                   </p>
                                                                                                                                                  
                   <p>
                                                                              [...] La magie apparaît graduellement dans notre monde, et dans la plupart des pays, la mieux connue est celle du ballon bicolore. Le football, sport le plus populaire de la planète, a été l’une des disciplines les plus transformées par les éléments. Aujourd’hui personne ne peut assister à un match sans voir des étincelles éclater au fond des buts, des vagues valser sur le terrain, des flammes engloutir des ballons. Les grands footballeurs sont tout aussi connus pour leurs compétences que pour leurs éléments. En conséquent, les clubs de football les plus prestigieux sont toujours en quête d’une meilleure gestion de la magie, de mieux entraîner leurs joueurs à la maîtriser et à recruter plus de joueurs magiciens. La victoire n’est plus définie que par un bon jeu de groupe, ou des compétences individuelles - elle dépend aussi beaucoup des compétences magiques de l’équipe et comment ils s’en servent pour gagner. <a target="_blank" href="https://spirited-soccer.forumsrpg.com/t1-2-contexte">plus</a>                                                     
                   </p>
                                                                                                                                                                                                                      
                </div>
                                                                                                                                 
             </td>
                                                                                                                          
             <td valign="top" style="width: 450px;">
                                                                                                                                     
                <ul class="groupes">
                                                                                                                                                  
                   <li>
                                                                                <a target="_blank" href="https://spirited-soccer.forumsrpg.com/g5-les-crocs-du-carnage" style="color: #B61919;">Les Crocs du Carnage</a>                                                     
                   </li>
                                                                                                                                                  
                   <li>
                                                                                <a target="_blank" href="https://spirited-soccer.forumsrpg.com/g6-la-harde" style="color: #43701E;">La Harde</a>                                                     
                   </li>
                                                                                                                                                  
                   <li>
                                                                                <a target="_blank" href="https://spirited-soccer.forumsrpg.com/g3-la-chimerique" style="color: #E0B662;">La Chimérique</a>                                                     
                   </li>
                                                                                                                                                  
                   <li>
                                                                                <a target="_blank" href="https://spirited-soccer.forumsrpg.com/g4-de-haut-vol" style="color: #FBC3FF;">De Haut Vol</a>                                                     
                   </li>
                                                                                                            
                   <li>
                                                                                <a target="_blank" href="https://spirited-soccer.forumsrpg.com/g2-les-pnjs" style="color: #2B313F;">Les PNJs</a>                                                     
                   </li>
                                                                                          
                </ul>
                                                                    <a href="http://www.root-top.com/topsite/miya/in.php?ID=2286" target="_blank" class="votes" style="border: 5px solid #DFB829; background: url('https://i.ibb.co/5nnDQSk/tatianavote.jpg');">                                              </a>                                                <a href="http://www.root-top.com/topsite/callista/in.php?ID=1462" target="_blank" class="votes" style="border: 5px solid #DFB829; background: url('https://i.ibb.co/zSSS3FS/alexvote.jpg')">                                              </a>                                                <a href="http://www.root-top.com/topsite/virtu4ldreaiviz/in.php?ID=5580" target="_blank" class="votes" style="border: 5px solid #DFB829; background: url('https://i.ibb.co/vX1qLp6/votenandn.jpg')">                                              </a>                                                <a href="http://www.root-top.com/topsite/virtu4lschool/in.php?ID=3045" target="_blank" class="votes" style="border: 5px solid #DFB829; background: url('https://i.ibb.co/dfsh0kp/eliasvote.jpg')">                                              </a>                                                                                                       
             </td>
                                                                                                                    
          </tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody>      </tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
          <tr style="">
                                                                                                                          
             <!--                                          <td>lol</td> on supprime cette ligne, car rowspan                                          -->                                                           
             <td valign="top" class="withbg">
                                                                                                                                     
                <h2>
                                                                         Les nouveautés                                                   
                </h2>
                                                                                                                                     
                <div class="news">
                                                                                                                                                  
                   <p>
                                                                                <strong>12/6/2021 :</strong> <a href="">Ouverture du forum !</a>                                                     
                   </p>
                                                                                                                                                  
                   <p>
                                                                                <strong>News 2 :</strong>                                                     
                   </p>
                                                                                                                                                  
                   <p>
                                                                                <strong>News 3 :</strong> <a href=""></a>                                                     
                   </p>
                                                                                                                                                  
                   <p>
                                                                                <strong>News 4 :</strong> <a href=""></a>                                                     
                   </p>
                                                                                                                                                  
                   <p>
                                                                                <strong>News 5 :</strong>                                                     
                   </p>
                                                                                                                                                  
                   <p>
                                                                                <strong>News 6 :</strong>                                                     
                   </p>
                                                                                                                                                  
                   <p>
                                                                                <strong>News 7 :</strong> The style for news                                                     
                   </p>
                                                                                                                                                  
                   <p>
                                                                                <strong>News 8 :</strong> The style for news                                                     
                   </p>
                                                                                                                                            
                </div>
                                                                                                                                 
             </td>
                                                                  
             <td valign="top" class="withbg">
                                                                                                                                     
                <h2>
                                                                         Chapitre 1 - Bienvenue sur l'île !                                                   
                </h2>
                                                                                                                                         
                <div class="intrigue" style="font-family: 'Gafata', sans-serif;">
                                                                      
                   <p>
                                                Nous sommes en plein été de l'année 2020 dans l'hémisphère Sud. L'aventure commence !                         
                   </p>
                                                                      
                </div>
                                                                                                                                                 
             </td>
                                                                
          </tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody>      </tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
          <tr style="">
                                                                                                                          
             <td valign="top">
                                                                                                                                     
                <h2>
                                                                         Le staff                                                   
                </h2>
                                                                                                                                     
                <ul id="concours">
                                       <br />                 
                   <div class="votes" style="float: left; height: 100px; width: 100px;">
                                        <img style="width: 100px; height: 100px;" src="https://i.ibb.co/Gn34TH4/bird.png" />                 
                   </div><br /><br />                 
                   <div style="text-align: left;">
                                        Almazh • <span style="font-size: 13px;">Admin fondatrice<br /> <span style="color: #006600;">Présente. <a href="https://spirited-soccer.forumsrpg.com/privmsg?mode=post&u=1">MP</a></span><br /></span>                 
                   </div>
                                                                                                                                                                                                                                          
                   <!--                                         
                        BLOC A DUPLIQUER SI 3 OU 4 CONCOURS :
                      <li>
                        <img src="staff.png" alt="AOTM" class="mini">
                        <div class="titre-concours">AOTM</div>
                        <span>
                            <img src="https://2img.net/u/2915/57/91/98/avatars/17369-57.jpg" alt="">
                            <div class="fleche"></div>
                        </span>
                      </li>                                          -->                                                                 
                </ul>
                                                                                                                                 
             </td>
                                                                                                                          
             <td valign="top" class="withbg">
                                                                                                                                     
                <h2>
                                                                         Adopte un pingouin                                                   
                </h2>
                                                                                                                                         
                <ul id="staff">
                                                                                                                                                    
                   <li onmouseover="javascript:staff1()">
                                                                                <img src="https://i.ibb.co/Npfjj2Z/nilspredefpa.png" alt="" />                                                     
                   </li>
                                                                                                                                                    
                   <li onmouseover="javascript:staff2()">
                                                                                <img src="https://i.ibb.co/vjSd3VV/predefzoe.png" alt="" />                                                     
                   </li>
                                                                                                                                                    
                   <li onmouseover="javascript:staff3()">
                                                                                <img src="https://i.ibb.co/wW79gdZ/jaileshpredef.png" alt="" />                                                     
                   </li>
                                
                   <li onmouseover="javascript:staff4()">
                                                                                <img src="https://i.ibb.co/LJWHK0h/artempa.png" alt="" />                                                     
                   </li>
                                                                                                                                                                                                                                                  
                </ul>
                                                                                                                                     
                <div class="staff">
                                                                                                                                                  
                   <div id="staff1">
                                                                                                                                                             
                      <p>
                                                                                     Ex-joueur reconverti en manageur, Nils n'est pas tout à fait au-dessus de l'accident qui lui a fait renoncé ses rêves de joueurs. Il reste cependant un incroyable atout en stratégie.                                                         
                      </p>
                                                                                                                                                             
                      <div class="pseudo">
                                                                                   NILS HEGNER                                                         
                      </div>
                                                                              • <a href="">ALLEMAGNE</a> • <a href="https://spirited-soccer.forumsrpg.com/t18-predefinis-propositions-et-liens" target="_blank">FICHE</a>                                                                       
                   </div>
                                                                                                                                                  
                   <div id="staff2" style="display:none;">
                                                                                                                                                             
                      <p>
                                                                                     Incroyable manageuse et tout aussi incroyable commère. Si quelque chose est en train de se passer, c'est elle qui le sait en premier. Mais elle est loin de ne s'intéresser qu'à de la drama: sa faculté à communiquer avec et à mettre en valeur le potentiel de l'équipe devant les médias a séduit Mr. Shining en personne.                                                         
                      </p>
                                                                                                                                                             
                      <div class="pseudo">
                                                                                     ZOE ROBILLARD                                                         
                      </div>
                                                                                • <a href="">CANADA</a> • <a href="https://spirited-soccer.forumsrpg.com/t18-predefinis-propositions-et-liens" target="_blank">FICHE</a>                                                                       
                   </div>
                                                                                                                                                  
                   <div id="staff3" style="display:none;">
                                                                                                                                                             
                      <p>
                                                                                     Le premier amour de Jailesh, ce sont les vagues. Des vagues qu'on connait aussi pour déferler sur des terrains en protégeant férocement les cages de son équipe. Mais après non, il n y a pas que ça. Connu avant tout pour sa bonne humeur, il est un incroyable boute-en-train et rend toutes les soirées plus agréables.                                                           
                      </p>
                                                                                                                                                             
                      <div class="pseudo">
                                                                                     JAILESH SUBRAMANIAM                                                         
                      </div>
                                                                                • <a href="">INDE / ÎLE MAURICE</a> • <a href="https://spirited-soccer.forumsrpg.com/t18-predefinis-propositions-et-liens" target="_blank">FICHE</a>                                                                       
                   </div>
                                                                                                                                                  
                   <div id="staff4" style="display:none;">
                                                                                                                                                             
                      <p>
                                                                                     Petite canaille susceptible, Artem ne peut pas tenir en place une seconde. Ses niveaux d'énergie vous fatigueront. Il est connu pour son invidivualisme qui se sent jusqu'au terran de foot, et n'avouera <em>jamais</em> son erreur, quelque soit sa forme. Enfin, son frère a tout de même réussi à lui faire faire une fois. C'est aussi la seule personne qu'il écoute.                                                       
                      </p>
                                                                                                                                                             
                      <div class="pseudo">
                                                                                     ARTEM JØRGENSEN                                                         
                      </div>
                                                                                • <a href="">RUSSIE/DANEMARK</a> • <a href="https://spirited-soccer.forumsrpg.com/t18-predefinis-liste-proposition-et-liens" target="_blank">FICHE</a>                                                                       
                   </div>
                                                                                                                                                  
                   <div id="staff5" style="display:none;">
                                                                                                                                                             
                      <p>
                                                                                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. In, voluptate rerum ipsam incidunt magni temporibus voluptatibus voluptas labore praesentium nemo deserunt.                                                         
                      </p>
                                                                                                                                                             
                      <div class="pseudo">
                                                                                     PSEUDO                                                         
                      </div>
                                                                                • <a href="">PROFIL</a> • <a href="">MP</a>                                                                       
                   </div>
                                                                                                                                            
                </div>
                                                                                                                                 
             </td>
                                                                                                                    
          </tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody>      </tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
          <tr style="background: white;">
                                                                                                                          
             <td valign="top" colspan="2" style="background: none;" class="withbg partenaires">
                                                                                                                                     
                <div style="margin: auto;">
                                                            
                   <div class="parto" style="border: 5px solid #2b313f">
                       <a href="https://the-holiday-scam.forumactif.com/" target="_blank" title="The Holiday Scam"><img src="https://i.servimg.com/u/f94/19/89/04/27/50x50-10.jpg" /></a>                                         
                   </div>
                                                              
                   <div class="parto" style="border: 5px solid #41bbd9"><a href="https://rebornrp.forumactif.com/" target="_blank" title="Reborn no Future"><img src="https://zupimages.net/up/20/16/u7zh.gif" />
                                                               
                   </div>
                                                              
                   <div class="parto" style="border: 5px solid #c13342">
                                                               
                   </div>
                                                              
                   <div class="parto" style="border: 5px solid #2b313f">
                                                               
                   </div>
                                                              
                   <div class="parto" style="border: 5px solid #41bbd9">
                                                               
                   </div>
                                                              
                   <div class="parto" style="border: 5px solid #c13342">
                                                               
                   </div>
                                                              
                   <div class="parto" style="border: 5px solid #2b313f">
                                                               
                   </div>
                                                            
                   <div class="parto" style="border: 5px solid #41bbd9">
                                                               
                   </div>
                                                              
                   <div class="parto" style="border: 5px solid #c13342">
                                                               
                   </div>
                                        
                </div>
                                                                                                                                               
                <!--                                          eccetera                                          -->                                                                                                                                     
             </td>
                                                                                                                    
          </tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody>          </tbody>                             
       </table>
                                                                                              
       <div id="credits">
                                                              PA réalisée par Henrykiki sur <a href="http://www.never-utopia.com/t52871-henrykiki-pa-grise-rose-pale" target="_blank">Never-Utopia</a>                                           
       </div>
                                                                                            
    </div>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>  <script type="text/javascript">
          /*!
     * liScroll 1.0
     * Examples and documentation at:
     * http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html
     * 2007-2010 Gian Carlo Mingati
     * Version: 1.0.2.1 (22-APRIL-2011)
     * Dual licensed under the MIT and GPL licenses:
     * http://www.opensource.org/licenses/mit-license.php
     * http://www.gnu.org/licenses/gpl.html
     * Requires:
     * jQuery v1.2.x or later
     *
     */

    jQuery.fn.liScroll = function(settings) {
          settings = jQuery.extend({
          travelocity: 0.07
          }, settings);     
          return this.each(function(){
                var $strip = jQuery(this);
                $strip.addClass("newsticker")
                var stripWidth = 1;
                $strip.find("li").each(function(i){
                stripWidth += jQuery(this, i).outerWidth(true); // thanks to Michael Haszprunar and Fabien Volpi
                });
                var $mask = $strip.wrap("<div class='mask'></div>");
                var $tickercontainer = $strip.parent().wrap("<div class='tickercontainer'></div>");                       
                var containerWidth = $strip.parent().parent().width();  http://a.k.a. 'mask' width   
                $strip.width(stripWidth);       
                var totalTravel = stripWidth+containerWidth;
                var defTiming = totalTravel/settings.travelocity;  // thanks to Scott Waye     
                function scrollnews(spazio, tempo){
                $strip.animate({left: '-='+ spazio}, tempo, "linear", function(){$strip.css("left", containerWidth); scrollnews(totalTravel, defTiming);});
                }
                scrollnews(totalTravel, defTiming);           
                $strip.hover(function(){
                jQuery(this).stop();
                },
                function(){
                var offset = jQuery(this).offset();
                var residualSpace = offset.left + stripWidth;
                var residualTime = residualSpace/settings.travelocity;
                scrollnews(residualSpace, residualTime);
                });       
          }); 
    };
      </script>  <script>
          $(function(){
          $("#ticker01").liScroll();
      });

      function staff1() {
            document.getElementById('staff1').style.display='block';
            document.getElementById('staff2').style.display='none';
            document.getElementById('staff3').style.display='none';
            document.getElementById('staff4').style.display='none';
            document.getElementById('staff5').style.display='none';}
          function staff2() {
            document.getElementById('staff1').style.display='none';
            document.getElementById('staff2').style.display='block';
            document.getElementById('staff3').style.display='none';
            document.getElementById('staff4').style.display='none';
            document.getElementById('staff5').style.display='none';}
          function staff3() {
            document.getElementById('staff1').style.display='none';
            document.getElementById('staff2').style.display='none';
            document.getElementById('staff3').style.display='block';
            document.getElementById('staff4').style.display='none';
            document.getElementById('staff5').style.display='none';}
          function staff4() {
            document.getElementById('staff1').style.display='none';
            document.getElementById('staff2').style.display='none';
            document.getElementById('staff3').style.display='none';
            document.getElementById('staff4').style.display='block';
            document.getElementById('staff5').style.display='none';}
          function staff5() {
            document.getElementById('staff1').style.display='none';
            document.getElementById('staff2').style.display='none';
            document.getElementById('staff3').style.display='none';
            document.getElementById('staff4').style.display='none';
            document.getElementById('staff5').style.display='block';}
      </script>

    Merci d'avance ♥

    EDIT. J'ai supprimé quelques tbody mais c'est toujours un peu décalé quand même :calimero:
    Hancok
    Hancok
    FémininAge : 37Messages : 1310

    Ven 25 Juin 2021 - 14:06

    Coucou, alors de mon côté j'ai tout enlever les tbody, voici ce que ça donne → https://thegraphisma.forumactif.org/h5-pa-rose

    Si c'est bon pour toi, n'hésite pas à simplement enlever tous les
    Code:
    <tbody></tbody>
    que tu trouvera.
    Sinon je peux te passer le code directement.




    PA Rose/Grise - décalée vers le bas A67g

      La date/heure actuelle est Jeu 23 Sep 2021 - 9:51