AccueilFAQRechercherMembresGroupesS'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.


    Avis sur une PA

    Partagez
    avatar
    Sydeale
    FémininAge : 20Messages : 124

    le Jeu 20 Juil 2017 - 20:39

    Bonjour/bonsoir,

    Je me suis mis au codage sans avoir une très grande expérience là-dedans. J'ai déjà modifié des présentations ou autre, mais je n'ai jamais fait une construction de A à Z (je trouve ça trop complexe comparé à de la modification).
    Du coup j'aimerai avoir des conseils sur une PA que je modifie actuellement (alors elle est théoriquement fini, mais dès que je touche à une ligne, y en une d'autre qui déconne). Si le coté esthétique y est aussi (sans prendre en considération les couleurs).

    Voici le lien du forum test : http://testcrashtest.forumactif.com pour voir le rendu en action.

    Code:

    /*************************************************** PAGE D ACCEUIL ********************************************************/
    /************* BANDEAU *************/
    #lksOLD {
    position:absolute; z-index:2; margin-left:0px;
    height:650px; width:185px; background-color:#399;
    text-transform:uppercase; text-align:center; font-size:15px;
    }
    #lksOLD a {
    display:block; color:white; padding:14px; text-decoration:none !important; font-family:Arial;
    }
    #lksOLD a:hover {
    background-color:rgba(250,250,250,0.3);
    }
    .triOLD {
    position:absolute; z-index:2; margin-left:0px; margin-top:650px; width:0; height:0;
    border-style:solid; border-width:50px 92.5px 0 92.5px; border-color:#399 transparent transparent transparent;
    }
    /************* MISE EN FORME PA *************/
        .fond_PA {
          background-color: #332129;
          padding: 15px;
          text-align: justify;
        }
        .fond_PA a {
          color: #A2778B !important;
          text-decoration: none !important;
        }
        .titrePA {
          color: #E1D5DB;
          font-size: 30px;
          font-family: 'Dancing Script', cursive;
        }
        .sous-titresCONTEXTE {
          color: #E1D5DB;
          font-size: 27.5px;
          font-family: 'Dancing Script', cursive;
          text-align: justify;
        }
        .sous-titresPA {
          color: #E1D5DB;
          font-size: 25px;
          font-family: 'Dancing Script', cursive;
          text-align: center;
          margin-right:0px;
        }
    .blocsContexte {
          width: 200px;
          overflow: auto;
          background-color: #3D2A33;
          padding: 15px;
          text-align: justify;
          color: #E6DBE0;
        }
        .blocsPA {
          width: 200px;
          overflow: auto;
          background-color: #3D2A33;
          padding: 5px;
          text-align: justify;
          color: #E6DBE0;
        }
    .contexte:hover{
    opacity: 0.25;
    -moz-opacity: 0.25;
    -webkit-opacity: 0.25;
    filter: alpha(opacity=25);
    transition: opacity 2s;
    -moz-transition: opacity 1.25s;
    -o-transition: opacity 1.25s;
    -webkit-transition: opacity 1.25s;
    }
    /* TRIANGLE Evenement PA */
    .newsOLD {
    border-left-color:#399 !important;
    }
    /* CONTENU Evenement PA */
    .newsOLD div{
    background-color:#399 !important; color:black !important;
    }
    .newsOLD {
    position:absolute; z-index:2; margin-left:-5px; margin-top:260px;
    width:0; height:0; border-style:solid; border-width:45px 0 0 45px; border-color:transparent transparent transparent #399;
    }
    .newsOLD div{
    position:absolute; margin-left:-45px;
    width:230px; height:0px; overflow:hidden;
    background-color:#399; text-align:justify; font-size:12px;
    transition:all 0.55s linear; -webkit-transition:all 0.55s linear;
     }
    .newsOLD:hover div{
    margin-top:-310px;
    height:290px; width:230px; padding:10px; overflow:auto;
    }
    /* TRIANGLE Actualité PA */
    .newsOLD {
    border-left-color:#399 !important;
    }
    /* CONTENU Actualité PA */
    .evesOLD div{
    background-color:#399 !important; color:black !important;
    }
    .evesOLD {
    position:absolute; z-index:2; margin-left:-5px; margin-top:-5px;
    width:0; height:0; border-style:solid; border-width:0px 0 45px 45px; border-color:transparent transparent transparent #399
    }
    .evesOLD div{
    position:absolute; margin-left: -45px;
    width:230px; height:0px; overflow:hidden;
    background-color:#399; text-align:justify; font-size:12px;
    transition:all 0.55s linear; -webkit-transition:all 0.55s linear;
     }
    .evesOLD:hover div{
    margin-top: 0px;
    height:300px; width:230px; padding:10px; overflow:auto;
    }
    .ctxtOLD {
    position:absolute; margin-left:250px; margin-top:25px;
    width:258px; height:200px; padding:10px; overflow:hidden; line-height:16px;
    background-color:rgba(250,250,250,0.2); color:#399; text-align:justify; font-size:12px;
    }
    .ctxtOLD:hover {
    overflow:auto;
    }

    /************* STAFF *************/
    .staff {
      width: 80px;
      height: 90px;
      overflow: hidden;
      background-color: #483433;
      margin-left: 3px
    }
    .staff_img {
      position: relative;
      z-index: 2;
      height: 100px;
      margin-left: 0px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }
    .staff:hover .staff_img {
      margin-top: -300px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 0.7s;
      -moz-transition: 0.7s;
      -o-transition: 0.7s;
      -htm-transition: 0.7s;
      -webkit-transition: 0.7s;
    }
    .staff_description {
      position: relative;
      top: 19em;
      z-index: 1;
      width: 75px;
      height: 100px;
      text-align: center;
      font-size: 11px;
      color: #8c8c8c;
      padding: 2px;
      overflow: auto;
    }

    /************* PREDEFINIS *************/
    .pred {
      width: 50px;
      height: 50px;
      overflow: hidden;
      background-color: #483433;
    }
    .pred_img {
      position: relative;
      z-index: 2;
      height: 50px;
      margin-left: 0px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }
    .pred:hover .pred_img {
      margin-top: -250px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 0.7s;
      -moz-transition: 0.7s;
      -o-transition: 0.7s;
      -htm-transition: 0.7s;
      -webkit-transition: 0.7s;
    }
    .pred_description {
      position: relative;
      top: 19em;
      z-index: 1;
      width: 45px;
      height: 45px;
      text-align: center;
      font-size: 11px;
      color: #8c8c8c;
      padding: 2px;
      overflow: auto;
    }

    /************** AWARDS *************/
    .awar {
      width: 170px;
      height: 50px;
      overflow: hidden;
      background-color: #483433;
    }
    .awar_img {
      position: relative;
      z-index: 2;
      height: 50px;
      margin-left: 0px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }
    .awar:hover .awar_img {
      margin-top: -250px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 0.7s;
      -moz-transition: 0.7s;
      -o-transition: 0.7s;
      -htm-transition: 0.7s;
      -webkit-transition: 0.7s;
    }
    .awar_description {
      position: relative;
      top: 19em;
      z-index: 1;
      width: 170px;
      height: 45px;
      text-align: center;
      font-size: 11px;
      color: #8c8c8c;
      padding: 2px;
      overflow: auto;
    }

    /************** PARTENAIRES PA *************/
    .partOLD {
    background-color:#3D2A33 !important;
    }
    .partOLD {
    position:absolute; margin-top: 30px; margin-left:-585px;
    width:710px; height:55px; overflow:auto; padding-top:5px;
    text-align:center; background-color:rgba(250,250,250,0.2);
    }
    .partOLD img {
    opacity:0.6; transition:opacity linear 0.5s; -webkit-transition:opacity linear 0.5s;
    }
    .partOLD a {
    margin:0 5px;
    }
    .partOLD img:hover {
    opacity:1;
    }

    Code:
    <!--                                                                    LIENS - 10 MAXIMUM                                                                    -->
    <div id="lksOLD">
                                                                                        
       <div style="display: inline-block;">
                                            <span style="font-size: 18px;"><a>Navigation</a></span><a href="http://testcrashtest.forumactif.com/f1-paperasse">Règlement</a> <a href="http://testcrashtest.forumactif.com/t10-reglement">Contexte</a> <a href="http://testcrashtest.forumactif.com/t17-bottin-des-avatars">Annexes</a> <a href="http://testcrashtest.forumactif.com/t19-les-groupes#25">Groupes</a> <a href="http://testcrashtest.forumactif.com/t17-bottin-des-avatars">Bottin des Avatars</a> <a href="http://testcrashtest.forumactif.com/f3-inscription">Présentation</a> <a href="http://testcrashtest.forumactif.com/f11-faq">FAQ</a> <a href="http://testcrashtest.forumactif.com/f11-faq">Partenariat</a> <a href="https://trucenplus.com">Truc en plus</a> <a href="https://flood.com">Flood</a><a href="https://gazette.com">Gazette</a> <a href="https://chatbox.com">Chatbox</a> <a href="http://testcrashtest.forumactif.com/t11-credits">Crédits</a>                                                               
       </div>
    </div>
    <div class="triOLD">
    </div>
    <!--                                                                    RESTE DE LA PA                                                                    -->
    <div style="display: inline-block; margin-left: 185px;">
                                                                                            
       <div class="fond_PA">
                                                                                               
          <div style="height: 620px; width: 715px">
                                                                                                  
             <center>
                                                                                                     
                <div class="titrePA">
                                                               Bienvenue sur Quatre Clans, une nouvelle vie                                           
                </div><br />                                                               
                <div class="sous-titresCONTEXTE">
                                                               Contexte                                           
                </div>
                                                                                                     
                <div style="height: 100px; width: 690px;" class="blocsContexte">
                                                               Admiratio Sulpicio saepe forte et odio esset vel a in a multis P eum solebat memini una enim tum Pompeio utebare et cum coniunctissime una Attice capitali ego querella memini a sedentem ore hominum ore Meministi Attice a Sulpicio Sulpicio tribunus et forte illum amantissime quanta eo multa cum querella pauci et amantissime tum admodum et hemicyclio ut erat erat pauci coniunctissime magis qui erat is qui esset a sedentem solebat Sulpicio profecto illum quanta multum domi vixerat erat qui esset vixerat querella tribunus multa hominum pauci coniunctissime coniunctissime sedentem Pompeio erat qui multa admodum consul saepe Q vel Pompeio. Admiratio Sulpicio saepe forte et odio esset vel a in a multis P eum solebat memini una enim tum Pompeio utebare et cum coniunctissime una Attice capitali ego querella memini a sedentem ore hominum ore Meministi Attice a Sulpicio Sulpicio tribunus et forte illum amantissime quanta eo multa cum querella pauci et amantissime tum admodum et hemicyclio ut erat erat pauci coniunctissime magis qui erat is qui esset a sedentem solebat Sulpicio profecto illum quanta multum domi vixerat erat qui esset vixerat querella tribunus multa hominum pauci coniunctissime coniunctissime sedentem Pompeio erat qui multa admodum consul saepe Q vel Pompeio. Admiratio Sulpicio saepe forte et odio esset vel a in a multis P eum solebat memini una enim tum Pompeio utebare et cum coniunctissime una Attice capitali ego querella memini a sedentem ore hominum ore Meministi Attice a Sulpicio Sulpicio tribunus et forte illum amantissime quanta eo multa cum querella pauci et amantissime tum admodum et hemicyclio ut erat erat pauci coniunctissime magis qui erat is qui esset a sedentem solebat Sulpicio profecto illum quanta multum domi vixerat erat qui esset vixerat querella tribunus multa hominum pauci coniunctissime coniunctissime sedentem Pompeio erat qui multa admodum consul saepe Q vel Pompeio. Admiratio Sulpicio saepe forte et odio esset vel a in a multis P eum solebat memini una enim tum Pompeio utebare et cum coniunctissime una Attice capitali ego querella memini a sedentem ore hominum ore Meministi Attice a Sulpicio Sulpicio tribunus et forte illum amantissime quanta eo multa cum querella pauci et amantissime tum admodum et hemicyclio ut erat erat pauci coniunctissime magis qui erat is qui esset a sedentem solebat Sulpicio profecto illum quanta multum domi vixerat erat qui esset vixerat querella tribunus multa hominum pauci coniunctissime coniunctissime sedentem Pompeio erat qui multa admodum consul saepe Q vel Pompeio. <a href="http://testcrashtest.forumactif.com/t9-histoire">La suite</a>                                                               
                </div>
                                                                                                     
                <table style="padding-top: 10px;">
                                                                                                        
                   <tbody>
                                                                                                           
                      <tr>
                                                                                                              
                         <td rowspan="2">
                                                                                                                 
                            <div ;="" style="height: 300px; width: 240px" class="blocsPA">
                                                                                                                    
                               <div class="newsOLD">
                                                                                                                       
                                  <!--                                                                    CONTENU EVENEMENT                                                                    -->                                                               
                                  <div>
                                                                                                                          
                                     <center>
                                                                                    Evenementiel :                                           
                                     </center><br /> ♦ 00/00/00 ▬ ...<br /> ♦ 00/00/00 ▬ ...<br /> ♦ 00/00/00 ▬ ...                                           
                                  </div>
                                                                                                                       
                               </div>
                                                                                                                                                                
                               <div class="evesOLD">
                                                                                                                                                                   
                                  <!--                                                                    CONTENU ACTUEL                                                                    -->                                                                 
                                  <div>
                                                                                                                                                                      
                                     <center>
                                                                                                        Actualité :                                                               
                                     </center><br /> ♦ 00/00/00 ▬ ...<br /> ♦ 00/00/00 ▬ ...<br /> ♦ 00/00/00 ▬ ...                                                                 
                                  </div>
                                                                                                                                                                   
                               </div>
                                                                                                                                                                
                            </div>
                                                                                                                                                             
                         </td>
                                                                                                                                                          
                         <td colspan="3" style="padding-bottom: 12px; padding-left: 10px">
                                                                                                                                                             
                            <div class="sous-titresPA">
                                                                                           Administration                                                         
                            </div>
                                                                                                                                                     
                            <div style="height: 100px; width: 440px" class="blocsPA">
                                                                                                                            
                               <table>
                                                                                                                             
                                  <tbody>
                                                                                                                                
                                     <tr>
                                                                                                                                   
                                        <td>
                                                                                                                              
                                           <div class="staff">
                                                                                                                                   
                                              <div class="staff_img">
                                                                                             <img src="http://i58.servimg.com/u/f58/18/43/33/39/sans_t15.png" style="height: 90px;" />                                           
                                              </div>
                                                                                                                                     
                                              <div class="staff_description">
                                                                                             <br />Nom du Compte<br /><a href="#" style="color: #A55A3A !important;">MP</a> <a href="#" style="color: #A55A3A !important;">Profil</a><br /><span style="color: #009900;">Dispo</span><br />Fonda                                       
                                              </div>
                                                                                                                                   
                                           </div>
                                                                                                                                
                                        </td>
                                                                                                                               
                                        <td>
                                                                                                                                
                                           <div class="staff">
                                                                                                                                   
                                              <div class="staff_img">
                                                                                             <img src="http://i58.servimg.com/u/f58/18/43/33/39/sans_t15.png" style="height: 90px;" />                                           
                                              </div>
                                                                                                                                     
                                              <div class="staff_description">
                                                                                             <br /> Nom du personnage<br /><a href="#" style="color: #A55A3A !important;">MP</a> <a href="#" style="color: #A55A3A !important;">Profil</a><br /><span style="color: #009900;">Dispo</span><br />Admine                                           
                                              </div>
                                                                                                                                   
                                           </div>
                                                                                                                                
                                        </td>
                                                                                                                               
                                        <td>
                                                                                                                                
                                           <div class="staff">
                                                                                                                                   
                                              <div class="staff_img">
                                                                                             <img src="http://i58.servimg.com/u/f58/18/43/33/39/sans_t15.png" style="height: 90px;" />                                           
                                              </div>
                                                                                                                                     
                                              <div class="staff_description">
                                                                                             <br /> Nom du personnage<br /><a href="#" style="color: #A55A3A !important;">MP</a> <a href="#" style="color: #A55A3A !important;">Profil</a><br /><span style="color: #009900;">Dispo</span><br />Admine                                           
                                              </div>
                                                                                                                                   
                                           </div>
                                                                                                                                
                                        </td>
                                                                                                                               
                                        <td>
                                                                                                                                
                                           <div class="staff">
                                                                                                                                   
                                              <div class="staff_img">
                                                                                             <img src="http://i58.servimg.com/u/f58/18/43/33/39/sans_t15.png" style="height: 90px;" />                                           
                                              </div>
                                                                                                                                     
                                              <div class="staff_description">
                                                                                             <br /> Nom du personnage<br /><a href="#" style="color: #A55A3A !important;">MP</a> <a href="#" style="color: #A55A3A !important;">Profil</a><br /><span style="color: #cc3300;">Indispo</span><br />Modo                                           
                                              </div>
                                                                                                                                   
                                           </div>
                                                                                                                                
                                        </td>
                                                                                                                               
                                        <td>
                                                                                                                                
                                           <div class="staff">
                                                                                                                                   
                                              <div class="staff_img">
                                                                                             <img src="http://i58.servimg.com/u/f58/18/43/33/39/sans_t15.png" style="height: 90px;" />                                           
                                              </div>
                                                                                                                                     
                                              <div class="staff_description">
                                                                                             <br /> Nom du personnage<br /><a href="#" style="color: #A55A3A !important;">MP</a> <a href="#" style="color: #A55A3A !important;">Profil</a><br /><span style="color: #cc3300;">Indispo</span><br />Modo                                           
                                              </div>
                                                                                                                                   
                                           </div>
                                                                                                                                
                                        </td>
                                                                                                                                                     
                                     </tr>
                                                                                                                                    
                                  </tbody>
                                                                                                                                 
                               </table>
                                                                                                                                          
                            </div>
                                                                                                                                                               
                         </td>
                                                                                                                                                          
                      </tr>
                                                                                                                                                       
                      <tr>
                                                                                                                                                          
                         <td>
                                                                                                                                                               
                            <div class="sous-titresPA">
                                           Prédéfinis                                                           
                            </div>
                                                                                                                                                               
                            <div style="height: 115px; width: 115px" class="blocsPA">
                                                                                                                                                                  
                               <table cellpadding="2">
                                                                                                                                                                     
                                  <tbody>
                                                                                                                                                                      
                                     <tr>
                                                                                                                                                                         
                                        <td>
                                                                                                                  
                                           <div class="pred">
                                                                                                                                   
                                              <div class="pred_img">
                                                                                     <img src="http://i58.servimg.com/u/f58/18/43/33/39/sans_t15.png" style="height: 80px;" />                                           
                                              </div>
                                                                                                                                     
                                              <div class="pred_description">
                                                                                     H 30<br /><a href="#" style="color: #A55A3A !important;">Détails</a>                                   
                                              </div>
                                                                                                                                   
                                           </div>
                                                                                                                      
                                        </td>
                                                                                                                                                                         
                                        <td>
                                                                                                                  
                                           <div class="pred">
                                                                                                                                   
                                              <div class="pred_img">
                                                                                     <img src="http://i58.servimg.com/u/f58/18/43/33/39/sans_t15.png" style="height: 80px;" />                                           
                                              </div>
                                                                                                                                     
                                              <div class="pred_description">
                                                                                     H 30<br /><a href="#" style="color: #A55A3A !important;">Détails</a>                                   
                                              </div>
                                                                                                                                   
                                           </div>
                                                                                                                    
                                        </td>
                                                                                                                                                                         
                                     </tr>
                                                                                                                                                                      
                                     <tr>
                                                                                                                                                                           
                                        <td>
                                                                                                                  
                                           <div class="pred">
                                                                                                                                   
                                              <div class="pred_img">
                                                                                     <img src="http://i58.servimg.com/u/f58/18/43/33/39/sans_t15.png" style="height: 80px;" />                                           
                                              </div>
                                                                                                                                     
                                              <div class="pred_description">
                                                                                     H 30<br /><a href="#" style="color: #A55A3A !important;">Détails</a>                                   
                                              </div>
                                                                                                                                   
                                           </div>
                                                                                                                    
                                        </td>
                                                                                                                                                                         
                                        <td>
                                                                                                                  
                                           <div class="pred">
                                                                                                                                   
                                              <div class="pred_img">
                                                                                     <img src="http://i58.servimg.com/u/f58/18/43/33/39/sans_t15.png" style="height: 80px;" />                                           
                                              </div>
                                                                                                                                     
                                              <div class="pred_description">
                                                                                     H 30<br /><a href="#" style="color: #A55A3A !important;">Détails</a>                                   
                                              </div>
                                                                                                                                   
                                           </div>
                                                                                                                    
                                        </td>
                                                                                                                                                                         
                                     </tr>
                                                                                                                                                                      
                                  </tbody>
                                                                                                                                                                   
                               </table>
                                                                                                                                                                  
                            </div>
                                                                                                                                                             
                         </td>
                                                                                                                                                          
                         <td>
                                                                                                                                       
                            <div class="sous-titresPA">
                                                                                     Awards                                                     
                            </div>
                                                                                                                                       
                            <div class="blocsPA" style="height: 115px; width: 180px">
                                                                                                                                          
                               <table cellpadding="2">
                                                                                                                                             
                                  <tbody>
                                                                                                                                                
                                     <tr>
                                                                                                                                                   
                                        <td>
                                                                                            
                                           <div class="awar">
                                                                                                             
                                              <div class="awar_img">
                                                                           <img style="height: 170px;" src="http://i58.servimg.com/u/f58/18/43/33/39/sans_t15.png" />                                 
                                              </div>
                                                                                                               
                                              <div class="awar_description">
                                                                           Membre du Mois<br /><a style="color: #A55A3A !important;" href="#">Nom du Personnage</a>                               
                                              </div>
                                                                                                             
                                           </div>
                                                                                              
                                        </td>
                                                                                                                                                   
                                     </tr>
                                                                                                                                                
                                     <tr>
                                                                                                                                                   
                                        <td>
                                                                                            
                                           <div class="awar">
                                                                                                             
                                              <div class="awar_img">
                                                                           <img style="height: 170px;" src="http://i58.servimg.com/u/f58/18/43/33/39/sans_t15.png" />                                 
                                              </div>
                                                                                                               
                                              <div class="awar_description">
                                                                           RP du Mois<br /><a style="color: #A55A3A !important;" href="#">Nom du RP/Ft</a>                         
                                              </div>
                                                                                                             
                                           </div>
                                                                                              
                                        </td>
                                                                                                                                                   
                                     </tr>
                                                                                                                                                  
                                  </tbody>
                                                                                                                                             
                               </table>
                                                                                                                                          
                            </div>
                                                                                                                                       
                         </td>
                                                                                                                                      
                         <td padding-left:5px="">
                                                                                                                                                                                                                                                                                             
                            <div class="sous-titresPA">
                                                                                               Top vote                                                               
                            </div>
                                                                                                                                                             
                            <div style="height: 115px; width: 115px" class="blocsPA">
                                                                                                                                                                
                               <table cellpadding="2">
                                                                                                                                                                   
                                  <tbody>
                                                                                                                                                                      
                                     <tr>
                                                                                                                                                                         
                                        <td>
                                                                                                           <a target="_blank" href="..."><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a>                                                               
                                        </td>
                                                                                                                                                                         
                                        <td>
                                                                                                           <a target="_blank" href="..."><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a>                                                               
                                        </td>
                                                                                                                                                                         
                                     </tr>
                                                                                                                                                                        
                                     <tr>
                                                                                                                                                                         
                                        <td>
                                                                                                           <a target="_blank" href="..."><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a>                                                               
                                        </td>
                                                                                                                                                                         
                                        <td>
                                                                                                           <a target="_blank" href="..."><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a>                                                               
                                        </td>
                                                                                                                                                                         
                                     </tr>
                                                                                                                                                                      
                                  </tbody>
                                                                                                                                                                   
                               </table>
                                                                                                                                                                
                            </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
                            <!--                                                                    8 TOP PARTENAIRES                                                                    -->                                                                 
                            <div class="partOLD">
                                                                                                                                                            
                               <div style=" cellpadding:2">
                                                                                                                                                                   
                                  <!--                                                                    I                                                                    --><a target="_blank" href="..."><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a>                                                                 
                                  <!--                                                                    I                                                                    --><a target="_blank" href="..."><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a>                                                                 
                                  <!--                                                                    I                                                                    --><a target="_blank" href="..."><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a>                                                                 
                                  <!--                                                                    I                                                                    --><a target="_blank" href="..."><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a>                                                                 
                                  <!--                                                                    II                                                                    --><a target="_blank" href="..."><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a>                                                                 
                                  <!--                                                                    III                                                                    --><a target="_blank" href="..."><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a>                                                                 
                                  <!--                                                                    IV                                                                    --><a target="_blank" href="..."><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a>                                                                 
                                  <!--                                                                    V                                                                    --><a target="_blank" href="..."><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a>                                                                 
                                  <!--                                                                    VI                                                                    --><a target="_blank" href="..."><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a>                                                                 
                                  <!--                                                                    VII                                                                    --><a target="_blank" href="..."><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a>                                                                 
                                  <!--                                                                    VIII                                                                    --><a target="_blank" href="..."><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a>                                                                 
                               </div>
                                                                                                                                                            
                            </div>
                                                                                                                                                                                                                                                                                                <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Dancing+Script" />                         
                         </td>
                                                                            
                      </tr>
                                                                         
                   </tbody>
                                                                      
                </table>
                                                                   
             </center>
                                                                
          </div>
                                                             
       </div>
    </div>
    avatar
    valtena_ethan
    MasculinAge : 26Messages : 414

    le Ven 21 Juil 2017 - 20:33

    On n'utilise pas les tableaux pour faire de la mise en forme. Pour ça, tu as les propriétés display et position. Tu ne connais probablement pas les flexbox mais c'est très puissant. Et laisse tout ton css dans ta feuille de style. Sinon quand tu voudras modifier juste le design, tu devras faire l'aller-retour entre le CSS et le HTML. Ça veut aussi dire ne pas utiliser des balises comme br, center et autres balises de formes.


    d'un point de vue plus esthétique et accessibilité :
    - change la couleur orange marron de MP et Profil pour l'éclaircir un peu pour plus de contraste.
    - on se demande pourquoi il y a deux coins bleus. Peut-être ajouter une lettre ou une icône à chacun.
    - Admin pas Admine. Les abréviations ne s'accordent pas. Si tu tiens au féminin, mets administratrice.(Je suis pas un bon en orthographe, donc je ne sais pas si tu en as d'autres).


    Mais c'est très bien sinon.






      La date/heure actuelle est Mar 12 Déc 2017 - 9:10