Hors cadre après modification de codage

3 participants

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

Résolu Hors cadre après modification de codage

Message par carousse Mer 21 Juin 2017 - 12:30

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://reign.forumofficiel.fr

Description du problème

Bonjour à tous,

Aider moi, je me bas avec un code. Le code de base le voici,
Code:
<!DOCTYPE html>
<html>
    <head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />

            <title>PA Jamie/PRD</title>
       
      <link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css' />
  <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css' />
     
    <style type="text/css">
     
a, a:link, a:visited, a:hover { text-decoration: none; }
a {color: #663333; font-family: Calibri; font-size:11px; text-decoration: none;}
a:hover {color: #663333; font-size:12px; letter-spacing: 0.5px; font-family: Courier New; text-decoration: none;}

     
a.lienimp {color: #86494c; text-shadow:1px 1px 1 px black; font-family:Time New Roman; text-transform:uppercase; font-size:18px; text-decoration: none; margin-right:8px;}
a.lienimp:hover {font-size:18px; font-weight:bolder; text-decoration: none;}
a.lienimp:visited {text-decoration: none;}
     
.fond_G{
  background: #c2ab84;
margin:auto;
  padding-top: 25px;
  padding-bottom: 25px;
  width: 650px;
  border-radius: 130px;
  border:1px solid #524549;
  box-shadow:0px 1px 15px #524549;
    }
     
.fond_G2_int{
  background-color:#c2ab84;
  margin-left:-25px;
  border-radius: 30px;
  padding:15px;
  border:2px solid #524549;
  box-shadow:0px 1px 15px #524549;
  width: 675px;
  text-align:justify;
  height:400px;
  display:block;
  }
     
 
.Titre_G{
  text-align: center;
  font-family: 'Pacifico', cursive;
  font-size: 28px;
  color: #524549;
  letter-spacing:1.5px;
  text-shadow:1px -1px 2px black;
  margin-top: -53px;
      } 

     
.staff{
  width:125px;
  border-radius:15px 30px 15px 30px;
  border: 1px solid #524549;
    }

.stitre{
    font-size: 20px;
    font-family: 'Dancing Script', cursive;
    font-weight:bolder;
    color: #524549;
    margin-left:20px;
    }     
     
.infobulle {     
  display : inline;
  position : relative;
}

.infobulle .contenu_infobulle{   
      position:absolute;
    top: -75px;
      left:30px;
      width: 105px;
      border-radius: 15px;
      background-color: #EFECCA;
      text-align: center;
      padding: 5px;
      font-size:12px;
      font-family: calibri;
      color: #524549;
      display:none
}

.infobulle:hover .contenu_infobulle{
  display : block;
}
     
   
.img_staff{
      border-radius:50px;
    margin: 5px;
      height: 50px;
      width: 50px;
      opacity:1;
    }

.img_staff:hover{
opacity:.6;

 
.contexte{
  border-radius:15px 50px 15px 50px;
  border: 1px solid #524549; 
  width: 420px;
  height:175px;
  display:block; 
  overflow: hidden;
    } 

.contexte2{
  text-align: justify;
  font-size:12px;
  font-family: calibri;
  overflow: auto;
  width:400px;
  height:150px;
  margin:auto;
  overflow: auto;
}   
   
.PV{
  border-radius:15px 30px 15px 30px;
  border: 1px solid #524549; 
    }

div.infobulle{
  position:relative;
  display:inline;
  width: 120px;
  height: 120px;
}

div.infobulle span{
  display:none;
  }

div.infobulle:hover{
  z-index:999;
  }
 
div.infobulle:hover span{
  top: -70px;
  left:40px;
  width : 120px;
  padding: 5px;
  border-radius: 10px;
  display : inline;
  background-color: #FFFADB;
  font-size:12px;
  font-family: calibri;
  color: #A66634;
  text-align:center;
  position: absolute;
}


.img_PV{
      border-radius:50px;
      height: 50px;
      width: 50px;
    margin:5px;
    }       
   
     
.concept_news{
  text-align: justify;
  font-size:12px;
  font-family: calibri;
  border-radius:15px 50px 15px 50px;
  border: 1px solid #524549; 
  padding: 15px;
  height:200px;
  display:block; 
  overflow: auto;
    }
 

  </style>

</head>
 
<body>
<div class="fond_G"><div class="fond_G2_int">
  <div class="Titre_G">Titre qui va bien...</div>

<center>
<a class="lienimp" target="_blank" href=" ">Règlement</a>
<a class="lienimp" target="_blank" href=" ">PV | Scénario</a>
<a class="lienimp" target="_blank" href=" ">Invité</a>
<a class="lienimp" target="_blank" href=" ">Avatars</a>
<a class="lienimp" target="_blank" href=" ">Annexe</a>
</center>
       
   
   
<table cellspacing="15" width="100%">
    <tr>
      <td width="125" valign="top">
    <fieldset class="staff">
          <legend class="stitre">Le staff</legend>
 
        <center><div class="infobulle">
      <img class="img_staff" src="http://image.noelshack.com/fichiers/2014/32/1407247304-olaf-100x100.jpg" />
      <div class="contenu_infobulle">
                <img src="http://image.noelshack.com/fichiers/2014/32/1407247304-olaf-100x100.jpg" /><br />
                  <br /><strong>Nom - Prénom</strong><br />Co-fondateur<br />DC<br /><em>Absent/présent</em><br />
                  <a target="_blank" href=" ">MP  </a> | <a target="_blank" href=" ">  Profil</a>
            </div></div>
           
            <div class="infobulle">
      <img class="img_staff" src="http://image.noelshack.com/fichiers/2014/32/1407247304-olaf-100x100.jpg" />
      <div class="contenu_infobulle">
                <img src="http://image.noelshack.com/fichiers/2014/32/1407247304-olaf-100x100.jpg" /><br />
                  <br /><strong>Nom - Prénom</strong><br />Co-fondateur<br />DC<br /><em>Absent/présent</em><br />
                  <a target="_blank" href="lien">MP  </a> | <a target="_blank" href="lien">  Profil</a>
              </div></div></center>
           
            </fieldset>
      </td>
   
    <td rowspan="2" valign="top">
           
            <fieldset class="contexte">
        <legend class="stitre">Le contexte</legend>
      <div class="contexte2"><img src="http://image.noelshack.com/fichiers/2014/44/1414870447-tumblr-m80wcl9ja41qmlkrvo1-500.gif" style="float:left; width:75px; margin:8px;" />
              Duplexque isdem diebus acciderat malum, quod et Theophilum
insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo
non reclamante publico vigore, discessit. Duplexque isdem diebus acciderat malum, quod et Theophilum
insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo
non reclamante publico vigore, discessit. Duplexque isdem diebus acciderat malum, quod et Theophilum
insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo
non reclamante publico vigore, discessit. Duplexque isdem diebus acciderat malum, quod et Theophilum
insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo
non reclamante publico vigore, discessit.
     
            </div></fieldset>
  </td>
  </tr>
 
  <tr>                 
<td rowspan="2"> <fieldset class="concept_news">
  <legend class="stitre">Les news</legend>
     
  <img src="http://image.noelshack.com/fichiers/2014/44/1414872028-536392hiver.png" style="width:50px; float:left; margin:5px;" />Nous sommes le xx/xx/xx, il fait donc un temps xx.
  Nous demandons un minimum de xx ligne (=mots)
 
      ♦ blablabla<br />
    ♦ blablabla<br />
      ♦ blablabla<br />
      ♦ blablablabr
  </fieldset>               
</td>
    </tr>
   
    <tr>
 
  <td valign="top"><fieldset class="PV" style="margin-left:20px;">
    <legend class="stitre">We wanted</legend>
                                         
              <center>   
                    <div class="infobulle">
          <img src="http://image.noelshack.com/fichiers/2014/32/1407247304-olaf-100x100.jpg" class="img_PV" />
        <span>
        <img src="http://image.noelshack.com/fichiers/2014/32/1407247304-olaf-100x100.jpg" />
        <br /><strong>Nom Prénom</strong><br /><small>ft. Prénom Nom <br />Maison - Age <br />
        <a hreft=" " target="_blanck">En savoir plus</a></small>
        </span>
        </div>

                            <div class="infobulle">
          <img src="http://image.noelshack.com/fichiers/2014/32/1407247304-olaf-100x100.jpg" class="img_PV" />
        <span>
        <img src="http://image.noelshack.com/fichiers/2014/32/1407247304-olaf-100x100.jpg" />
        <br /><strong>Nom Prénom</strong><br /><small>ft. Prénom Nom <br />Maison - Age <br />
        <a hreft=" " target="_blanck">En savoir plus</a></small>
        </span>
        </div>
                            <div class="infobulle">
          <img src="http://image.noelshack.com/fichiers/2014/32/1407247304-olaf-100x100.jpg" class="img_PV" />
        <span>
        <img src="http://image.noelshack.com/fichiers/2014/32/1407247304-olaf-100x100.jpg" />
        <br /><strong>Nom Prénom</strong><br /><small>ft. Prénom Nom <br />Maison - Age <br />
        <a hreft=" " target="_blanck">En savoir plus</a></small>
        </span>
        </div>
                            <div class="infobulle">
          <img src="http://image.noelshack.com/fichiers/2014/32/1407247304-olaf-100x100.jpg" class="img_PV" />
        <span>
        <img src="http://image.noelshack.com/fichiers/2014/32/1407247304-olaf-100x100.jpg" />
        <br /><strong>Nom Prénom</strong><br /><small>ft. Prénom Nom <br />Maison - Age <br />
        <a hreft=" " target="_blanck">En savoir plus</a></small>
        </span>
        </div>
           
            <div class="infobulle">
          <img src="http://image.noelshack.com/fichiers/2014/32/1407247304-olaf-100x100.jpg" class="img_PV" />
        <span>
        <img src="http://image.noelshack.com/fichiers/2014/32/1407247304-olaf-100x100.jpg" />
        <br /><strong>Nom Prénom</strong><br /><small>ft. Prénom Nom <br />Maison - Age <br />
        <a hreft=" " target="_blanck">En savoir plus</a></small>
        </span>
        </div>
     
                <div class="infobulle">
          <img src="http://image.noelshack.com/fichiers/2014/32/1407247304-olaf-100x100.jpg" class="img_PV" />
        <span>
        <img src="http://image.noelshack.com/fichiers/2014/32/1407247304-olaf-100x100.jpg" />
        <br /><strong>Nom Prénom</strong><br /><small>ft. Prénom Nom <br />Maison - Age <br />
        <a hreft=" " target="_blanck">En savoir plus</a></small>
        </span>
                                          </div> </center>
     
              </fieldset>
               
            </td>
 
 
           
                    </tr>
              </table>
 
  </div></div>
  </body>

</html>
 

parfois quand je change certain truc ca me déforme tous, j'arrivais a revenir en arriéré jusqu’à un moment à la fin ou j'ai voulut remettre présent/absent et la j'ai juste changer ses 2 mots et ça m'a tout décalé et bien sur j'avais copier en sauvegarde le mauvais code.

Voici mon code actuellement, pourquoi ça me décale tous :

Hors cadre après modification de codage 126


'(
Code:
<br />      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />              <title>PA Jamie/PRD</title>              <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Dancing+Script" />  <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Pacifico" />          <style type="text/css">
     
a, a:link, a:visited, a:hover { text-decoration: none; }
a {color: #2DA6C4; font-family: Calibri; font-size:11px; text-decoration: none;}
a:hover {color: #2DA6C4; font-size:12px; letter-spacing: 0.5px; font-family: Courier New; text-decoration: none;}

     
a.lienimp {color: #2A615B; text-shadow:1px 1px 1 px black; font-family:Time New Roman; text-transform:uppercase; font-size:18px; text-decoration: none; margin-right:8px;}
a.lienimp:hover {font-size:18px; font-weight:bolder; text-decoration: none;}
a.lienimp:visited {text-decoration: none;}
     
.fond_G{
  background: #FFFFFF;
margin:auto;
  padding-top: 25px;
  padding-bottom: 25px;
  width: 650px;
  border-radius: 130px;
  border:1px solid #2DA6C4;
    }
     
.fond_G2_int{
  background-color:#FFFFFF;
  margin-left:-25px;
  border-radius: 30px;
  padding:15px;
  border:2px solid #2DA6C4;
  width: 675px;
  text-align:justify;
  height:400px;
  display:block;
  }
     
 
.Titre_G{
  text-align: center;
  font-family: 'Pacifico', cursive;
  font-size: 28px;
  color: #208fab;
  letter-spacing:1.5px;
  text-shadow:1px -1px 2px #208fab;
  margin-top: -53px;
      } 

     
.staff{
  width:125px;
  border-radius:15px 30px 15px 30px;
  border: 1px solid #2DA6C4;
    }

.stitre{
    font-size: 20px;
    font-family: 'Dancing Script', cursive;
    font-weight:bolder;
    color: #2DA6C4;
    margin-left:20px;
    }     
     
.infobulle {     
  display : inline;
  position : relative;
}

.infobulle .contenu_infobulle{   
      position:absolute;
    top: -75px;
      left:30px;
      width: 105px;
      border-radius: 15px;
      background-color: #e6eff7;
      text-align: center;
      padding: 5px;
      font-size:12px;
      font-family: calibri;
      color: #2A615B;
      display:none
}

.infobulle:hover .contenu_infobulle{
  display : block;
}
     
   
.img_staff{
      border-radius:50px;
    margin: 5px;
      height: 50px;
      width: 50px;
      opacity:1;
    }

.img_staff:hover{
opacity:.6;

 
.contexte{
  border-radius:15px 50px 15px 50px;
  border: 1px solid #2DA6C4; 
  width: 420px;
  height:175px;
  display:block; 
  overflow: hidden;
    } 

.contexte2{
  text-align: justify;
  font-size:12px;
  font-family: calibri;
  overflow: auto;
  width:400px;
  height:150px;
  margin:auto;
  overflow: auto;
}   
   
.PV{
  border-radius:15px 30px 15px 30px;
  border: 1px solid #2DA6C4; 
    }

div.infobulle{
  position:relative;
  display:inline;
  width: 120px;
  height: 120px;
}

div.infobulle span{
  display:none;
  }

div.infobulle:hover{
  z-index:999;
  }
 
div.infobulle:hover span{
  top: -70px;
  left:40px;
  width : 120px;
  padding: 5px;
  border-radius: 10px;
  display : inline;
  background-color: #e6eff7;
  font-size:12px;
  font-family: calibri;
  color: #2A615B;
  text-align:center;
  position: absolute;
}


.img_PV{
      border-radius:50px;
      height: 50px;
      width: 50px;
    margin:5px;
    }       
   
     
.concept_news{
  text-align: justify;
  font-size:12px;
  font-family: calibri;
  border-radius:15px 50px 15px 50px;
  border: 1px solid #2DA6C4; 
  padding: 15px;
  height:200px;
  display:block; 
  overflow: auto;
    }
 

  </style>   
<div class="fond_G">
   <div class="fond_G2_int">
       
      <div class="Titre_G">
         Bienvenue
      </div>
      
      <center><a href=" http://reign.forumofficiel.fr/t2-reglements" target="_blank" class="lienimp">Règlement</a><a href=" http://reign.forumofficiel.fr/f3-post-vacants" target="_blank" class="lienimp">PV | Scénario</a><a href=" http://reign.forumofficiel.fr/f27-partenariats" target="_blank" class="lienimp">Invité</a> <a href=" http://reign.forumofficiel.fr/f29-coin-des-avatars" target="_blank" class="lienimp">Avatars</a><a href=" http://reign.forumofficiel.fr/f30-vos-demandes" target="_blank" class="lienimp">Demande</a>
      </center>
                         
      <table style="width: 100%;" cellspacing="15">
            
         <tbody>
            <tr>
                    
               <td style="width: 125px;" valign="top">
                      <fieldset class="staff">          <legend class="stitre"></legend>Le staff            </fieldset>
                  <center>
                     <div class="infobulle">
                              <img src="https://i11.servimg.com/u/f11/12/75/86/48/fr10.jpg" class="img_staff" />     
                        <div class="contenu_infobulle">
                                           <img src="https://i11.servimg.com/u/f11/12/75/86/48/fr10.jpg" /><br />                  <br /><strong>François De Valois</strong><br />Fondateur<br /><em>Absent/présent</em><br />                  <a href="http://reign.forumofficiel.fr/privmsg?mode=post&u=3 " target="_blank">MP  </a> | <a href="http://reign.forumofficiel.fr/t12-francois-de-valois-en-cours " target="_blank">  Profil</a>           
                        </div>
                     </div>
                                            
                     <div class="infobulle">
                              <img src="https://i58.servimg.com/u/f58/12/75/86/48/112.jpg" class="img_staff" />     
                        <div class="contenu_infobulle">
                                           <img src="https://i58.servimg.com/u/f58/12/75/86/48/112.jpg" /><br />                  <br /><strong>Marie Stuart</strong><br />Administratrice<br /><em>Absent/présent</em><br />                  <a href="http://reign.forumofficiel.fr/privmsg?mode=post&u=5" target="_blank">MP  </a> | <a href="lien" target="_blank">  Profil</a>             
                        </div>
                     </div>
                  </center><fieldset class="staff">                        </fieldset>     
               </td>
                        
               <td valign="top" rowspan="2">
                                          <fieldset class="contexte">        <legend class="stitre"></legend>Le contexte      </fieldset>
                  <div class="contexte2">
                     <img style="float:left; width:120px; margin:8px;" src="http://68.media.tumblr.com/7cc624e3c3a86b16930b1fec266ba2e2/tumblr_ndkgsdjk5k1sf15uko6_250.gif" />              La France était sous le règne sous le règne d’Henri II et Catherine de Medici. Ils eurent un fils ensemble nommée François qui est le dauphin de la France le futur roi. Il fût fiancé à Mary Stuart rein d’Écosse très jeune, pour pouvoir obtenir une alliance entre les deux pays. Mary passa sa jeunesse au Château à jouer avec François avant d'être envoyé au couvent pour sa protection. Elle revint à la cour à ses 16 ans avec ces dames d'honneur. Sa belle-mère fût tout pour qu'elle ne monte pas sur le trône suite à une vision de Nostradamus qui voyait François mourir si Mary venait sur le trône. Mary réussi à déjouer tous ces pièges. Par la suite, le roi Henri fût pris d'hallucination. Beaucoup d'homme son mort à cause de sa folie. Lors d'un tournoi de chevalerie, le roi voulût faire un duel. Son fils pris la place de son adversaire en secret et visa la tête avec sa lance. Celle-ci n'a pas loupé sa cible.  <br /><br /><strong>Le roi est mort! Longues vie au roi. Le roi est mort! Longues vie au roi.  </strong><br /><br />Cette phrase ne cesse de résonner dans la tête des gens du château mais surtout dans celle de François. Il venait de tuer son père et sera bientôt nommer officiellement roi de son pays auprès de celle qu'il aime. Arrivera-t-il à faire de ce pays, une terre promise et de paix? Ou mènera-t-il la guerre contre l'Angleterre?                   
                  </div><fieldset class="contexte"></fieldset> 
               </td>
                
            </tr>
               
            <tr>
                                
               <td rowspan="2">
                   <fieldset class="concept_news">  <legend class="stitre">Partenariat</legend>                  partenaire 1<br />  partenaire 2  </fieldset>               
               </td>
                  
            </tr>
                   
            <tr>
                  
               <td valign="top">
                  <fieldset style="margin-left:20px;" class="PV">    <legend class="stitre"></legend>We wanted                                                          </fieldset>
                  <center style="margin-left: 20px;">
                                            
                     <div class="infobulle">
                                  <img class="img_PV" src="https://i58.servimg.com/u/f58/12/75/86/48/113.jpg" />        <span>        <img src="https://i58.servimg.com/u/f58/12/75/86/48/113.jpg" />        <br /><strong>Sébastien</strong><br /><span style="font-size: smaller;">ft. Torrance COOMBS <br />Famille Royal - 21 ans <br />          <a target="_blanck" hreft=" http://reign.forumofficiel.fr/t4-famille-royal-de-france">En savoir plus</a></span>        </span>       
                     </div>
                                                
                     <div class="infobulle">
                                  <img class="img_PV" src="https://i58.servimg.com/u/f58/12/75/86/48/115.jpg" />        <span>        <img src="https://i58.servimg.com/u/f58/12/75/86/48/115.jpg" />        <br /><strong>Catherine De Medicis</strong><br /><span style="font-size: smaller;">ft. Megan FOLLOWS  <br />Famille Royal - 43 ans <br />          <a target="_blanck" hreft=" http://reign.forumofficiel.fr/t4-famille-royal-de-france">En savoir plus</a></span>        </span>       
                     </div>
                                                
                     <div class="infobulle">
                                  <img class="img_PV" src="https://i58.servimg.com/u/f58/12/75/86/48/114.jpg" />        <span>        <img src="https://i58.servimg.com/u/f58/12/75/86/48/114.jpg" />        <br /><strong>Claude de Valois</strong><br /><span style="font-size: smaller;">ft. Rose WILLIAMS <br />Famille Royal - 15 ans <br />          <a target="_blanck" hreft=" http://reign.forumofficiel.fr/t4-famille-royal-de-france">En savoir plus</a></span>        </span>       
                     </div>
                                                
                     <div class="infobulle">
                                  <img class="img_PV" src="https://i58.servimg.com/u/f58/12/75/86/48/118.jpg" />        <span>        <img src="https://i58.servimg.com/u/f58/12/75/86/48/118.jpg" />        <br /><strong>Greer</strong><br /><span style="font-size: smaller;">ft. Celina SINNDEN <br />La Cour - 20 <br />          <a target="_blanck" hreft="http://reign.forumofficiel.fr/t7-la-cour ">En savoir plus</a></span>        </span>       
                     </div>
                                              
                     <div class="infobulle">
                                  <img class="img_PV" src="https://i58.servimg.com/u/f58/12/75/86/48/116.jpg" />        <span>        <img src="https://i58.servimg.com/u/f58/12/75/86/48/116.jpg" />        <br /><strong>Lola</strong><br /><span style="font-size: smaller;">ft.  Anna POPPLEWELL  <br />La Cour - 20 ans <br />          <a target="_blanck" hreft=" http://reign.forumofficiel.fr/t7-la-cour">En savoir plus</a></span>        </span>       
                     </div>
                                            
                     <div class="infobulle">
                                  <img class="img_PV" src="https://i11.servimg.com/u/f11/12/75/86/48/narcis10.jpg" />        <span>        <img src="https://i11.servimg.com/u/f11/12/75/86/48/narcis10.jpg" />        <br /><strong>Narcisse</strong><br /><span style="font-size: smaller;">ft. Craig PARKER <br />La Cour - 30 ans <br />          <a target="_blanck" hreft=" http://reign.forumofficiel.fr/t7-la-cour">En savoir plus</a></span>        </span>                                         
                     </div>
                     
                  </center><fieldset style="margin-left:20px;" class="PV">                      </fieldset>                           
               </td>
                                                      
            </tr>
                         
         </tbody>
      </table>
           
   </div>
</div>
 

Merci d'avance de votre aide,

Moi et le codage ça fait 4

EDIT : a l'heure actuel si je l'ouvre, même si je modifie rien si je fait prévisualisé, cela me fait des décalages. Donc en gros j'ai un code que je ne peut rien modifier. Help me please


Dernière édition par carousse le Jeu 6 Juil 2017 - 23:49, édité 3 fois
carousse

carousse
*****

Messages : 844
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hors cadre après modification de codage

Message par carousse Jeu 22 Juin 2017 - 18:17

up
carousse

carousse
*****

Messages : 844
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hors cadre après modification de codage

Message par carousse Ven 23 Juin 2017 - 19:07

Pour mon up du jour,

Petit infos supplémentaire. J'ai tout refais sans sauvegarder entre temps, impec. Une fois que j'ai sauvegarder, j'ai voulut rechanger quelques chose et quand je fait prévisualisé cela me redécale tous.

Est ce possible que lors de l'enregistrement cela me bloque quelques chose?

J'ai voulut rajouter ce code pour rajouter un partenaire
Code:
[url=https://www.facebook.com/Reigncwfrance/]<a href="https://servimg.com/view/12758648/2119" target="_blank" ><img  src="https://i11.servimg.com/u/f11/12/75/86/48/sans_t10.jpg" border="0" alt="Image hébergée par servimg.com" />

Merci d'avance à vous</a>[/url]
carousse

carousse
*****

Messages : 844
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hors cadre après modification de codage

Message par carousse Dim 25 Juin 2017 - 17:53

up
carousse

carousse
*****

Messages : 844
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hors cadre après modification de codage

Message par MasDan Dim 25 Juin 2017 - 23:33

Bonjour Carousse,

Essayer ceci
Code:
  <a href="https://www.facebook.com/Reigncwfrance" target="_blank" >
    <img  src="https://i11.servimg.com/u/f11/12/75/86/48/sans_t10.jpg" border="0" alt="Facebook de Reign France" />
  </a>
  Merci d'avance à vous

Note: le code BBcode ne doit être utilisé que pour les messages.
MasDan

MasDan
Membre habitué

Masculin
Messages : 1538
Inscrit(e) le : 24/05/2011

http://projetAumMdn.forumactif.com
MasDan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hors cadre après modification de codage

Message par carousse Lun 26 Juin 2017 - 0:03

Bonsoir,


Merci à vous pour votre réponse. J'ai fait la modification comme suit
Code:
<br />      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />              <title>PA Jamie/PRD</title>              <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Dancing+Script" />  <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Pacifico" />          <style type="text/css">
     
a, a:link, a:visited, a:hover { text-decoration: none; }
a {color: #2DA6C4; font-family: Calibri; font-size:11px; text-decoration: none;}
a:hover {color: #2DA6C4; font-size:12px; letter-spacing: 0.5px; font-family: Courier New; text-decoration: none;}

     
a.lienimp {color: #2A615B; text-shadow:1px 1px 1 px black; font-family:Time New Roman; text-transform:uppercase; font-size:18px; text-decoration: none; margin-right:8px;}
a.lienimp:hover {font-size:18px; font-weight:bolder; text-decoration: none;}
a.lienimp:visited {text-decoration: none;}
     
.fond_G{
  background: #FFFFFF;
margin:auto;
  padding-top: 25px;
  padding-bottom: 25px;
  width: 650px;
  border-radius: 130px;
  border:1px solid #2DA6C4;
    }
     
.fond_G2_int{
  background-color:#FFFFFF;
  margin-left:-25px;
  border-radius: 30px;
  padding:15px;
  border:2px solid #2DA6C4;
  width: 675px;
  text-align:justify;
  height:400px;
  display:block;
  }
     
 
.Titre_G{
  text-align: center;
  font-family: 'Pacifico', cursive;
  font-size: 28px;
  color: #208fab;
  letter-spacing:1.5px;
  text-shadow:1px -1px 2px #208fab;
  margin-top: -53px;
      } 

     
.staff{
  width:125px;
  border-radius:15px 30px 15px 30px;
  border: 1px solid #2DA6C4;
    }

.stitre{
    font-size: 20px;
    font-family: 'Dancing Script', cursive;
    font-weight:bolder;
    color: #2DA6C4;
    margin-left:20px;
    }     
     
.infobulle {     
  display : inline;
  position : relative;
}

.infobulle .contenu_infobulle{   
      position:absolute;
    top: -75px;
      left:30px;
      width: 105px;
      border-radius: 15px;
      background-color: #e6eff7;
      text-align: center;
      padding: 5px;
      font-size:12px;
      font-family: calibri;
      color: #2A615B;
      display:none
}

.infobulle:hover .contenu_infobulle{
  display : block;
}
     
   
.img_staff{
      border-radius:50px;
    margin: 5px;
      height: 50px;
      width: 50px;
      opacity:1;
    }

.img_staff:hover{
opacity:.6;

 
.contexte{
  border-radius:15px 50px 15px 50px;
  border: 1px solid #2DA6C4; 
  width: 420px;
  height:175px;
  display:block; 
  overflow: hidden;
    } 

.contexte2{
  text-align: justify;
  font-size:12px;
  font-family: calibri;
  overflow: auto;
  width:400px;
  height:150px;
  margin:auto;
  overflow: auto;
}   
   
.PV{
  border-radius:15px 30px 15px 30px;
  border: 1px solid #2DA6C4; 
    }

div.infobulle{
  position:relative;
  display:inline;
  width: 120px;
  height: 120px;
}

div.infobulle span{
  display:none;
  }

div.infobulle:hover{
  z-index:999;
  }
 
div.infobulle:hover span{
  top: -70px;
  left:40px;
  width : 120px;
  padding: 5px;
  border-radius: 10px;
  display : inline;
  background-color: #e6eff7;
  font-size:12px;
  font-family: calibri;
  color: #2A615B;
  text-align:center;
  position: absolute;
}


.img_PV{
      border-radius:50px;
      height: 50px;
      width: 50px;
    margin:5px;
    }       
   
     
.concept_news{
  text-align: justify;
  font-size:12px;
  font-family: calibri;
  border-radius:15px 50px 15px 50px;
  border: 1px solid #2DA6C4; 
  padding: 15px;
  height:200px;
  display:block; 
  overflow: auto;
    }
 

  </style>   
<div class="fond_G">
   <div class="fond_G2_int">
       
      <div class="Titre_G">
         Bienvenue
      </div>
      
      <center><a href=" http://reign.forumofficiel.fr/t2-reglements" target="_blank" class="lienimp">Règlement</a><a href=" http://reign.forumofficiel.fr/f3-post-vacants" target="_blank" class="lienimp">PV | Scénario</a><a href=" http://reign.forumofficiel.fr/f27-partenariats" target="_blank" class="lienimp">Invité</a> <a href=" http://reign.forumofficiel.fr/f29-coin-des-avatars" target="_blank" class="lienimp">Avatars</a><a href=" http://reign.forumofficiel.fr/f30-vos-demandes" target="_blank" class="lienimp">Demande</a>
      </center>
                         
      <table style="width: 100%;" cellspacing="15">
            
         <tbody>
            <tr>
                    
               <td style="width: 125px;" valign="top">
                      <fieldset class="staff">          <legend class="stitre"></legend>Le staff            </fieldset>
                  <center>
                     <div class="infobulle">
                              <img src="https://i11.servimg.com/u/f11/12/75/86/48/fr10.jpg" class="img_staff" />     
                        <div class="contenu_infobulle">
                                           <img src="https://i11.servimg.com/u/f11/12/75/86/48/fr10.jpg" /><br />                  <br /><strong>François De Valois</strong><br />Fondateur<br /><em>Absent/présent</em><br />                  <a href="http://reign.forumofficiel.fr/privmsg?mode=post&u=3 " target="_blank">MP  </a> | <a href="http://reign.forumofficiel.fr/t12-francois-de-valois-en-cours " target="_blank">  Profil</a>           
                        </div>
                     </div>
                                            
                     <div class="infobulle">
                              <img src="https://i58.servimg.com/u/f58/12/75/86/48/112.jpg" class="img_staff" />     
                        <div class="contenu_infobulle">
                                           <img src="https://i58.servimg.com/u/f58/12/75/86/48/112.jpg" /><br />                  <br /><strong>Marie Stuart</strong><br />Administratrice<br /><em>Absent/présent</em><br />                  <a href="http://reign.forumofficiel.fr/privmsg?mode=post&u=5" target="_blank">MP  </a> | <a href="lien" target="_blank">  Profil</a>             
                        </div>
                     </div>
                  </center><fieldset class="staff">                        </fieldset>     
               </td>
                        
               <td valign="top" rowspan="2">
                                          <fieldset class="contexte">        <legend class="stitre"></legend>Le contexte      </fieldset>
                  <div class="contexte2">
                     <img style="float:left; width:120px; margin:8px;" src="http://68.media.tumblr.com/7cc624e3c3a86b16930b1fec266ba2e2/tumblr_ndkgsdjk5k1sf15uko6_250.gif" />              La France était sous le règne sous le règne d’Henri II et Catherine de Medici. Ils eurent un fils ensemble nommée François qui est le dauphin de la France le futur roi. Il fût fiancé à Mary Stuart rein d’Écosse très jeune, pour pouvoir obtenir une alliance entre les deux pays. Mary passa sa jeunesse au Château à jouer avec François avant d'être envoyé au couvent pour sa protection. Elle revint à la cour à ses 16 ans avec ces dames d'honneur. Sa belle-mère fût tout pour qu'elle ne monte pas sur le trône suite à une vision de Nostradamus qui voyait François mourir si Mary venait sur le trône. Mary réussi à déjouer tous ces pièges. Par la suite, le roi Henri fût pris d'hallucination. Beaucoup d'homme son mort à cause de sa folie. Lors d'un tournoi de chevalerie, le roi voulût faire un duel. Son fils pris la place de son adversaire en secret et visa la tête avec sa lance. Celle-ci n'a pas loupé sa cible.  <br /><br /><strong>Le roi est mort! Longues vie au roi. Le roi est mort! Longues vie au roi.  </strong><br /><br />Cette phrase ne cesse de résonner dans la tête des gens du château mais surtout dans celle de François. Il venait de tuer son père et sera bientôt nommer officiellement roi de son pays auprès de celle qu'il aime. Arrivera-t-il à faire de ce pays, une terre promise et de paix? Ou mènera-t-il la guerre contre l'Angleterre?                   
                  </div><fieldset class="contexte"></fieldset> 
               </td>
                
            </tr>
               
            <tr>
                                
               <td rowspan="2">
                   <fieldset class="concept_news">  <legend class="stitre">Partenariat</legend>                    <a href="https://www.facebook.com/Reigncwfrance" target="_blank" >
    <img  src="https://i11.servimg.com/u/f11/12/75/86/48/sans_t10.jpg" border="0" alt="Facebook de Reign France" />
  </a><br />  partenaire 2  </fieldset>               
               </td>
                  
            </tr>
                   
            <tr>
                  
               <td valign="top">
                  <fieldset style="margin-left:20px;" class="PV">    <legend class="stitre"></legend>We wanted                                                          </fieldset>
                  <center style="margin-left: 20px;">
                                            
                     <div class="infobulle">
                                  <img class="img_PV" src="https://i58.servimg.com/u/f58/12/75/86/48/113.jpg" />        <span>        <img src="https://i58.servimg.com/u/f58/12/75/86/48/113.jpg" />        <br /><strong>Sébastien</strong><br /><span style="font-size: smaller;">ft. Torrance COOMBS <br />Famille Royal - 21 ans <br />          <a target="_blanck" hreft=" http://reign.forumofficiel.fr/t4-famille-royal-de-france">En savoir plus</a></span>        </span>       
                     </div>
                                                
                     <div class="infobulle">
                                  <img class="img_PV" src="https://i58.servimg.com/u/f58/12/75/86/48/115.jpg" />        <span>        <img src="https://i58.servimg.com/u/f58/12/75/86/48/115.jpg" />        <br /><strong>Catherine De Medicis</strong><br /><span style="font-size: smaller;">ft. Megan FOLLOWS  <br />Famille Royal - 43 ans <br />          <a target="_blanck" hreft=" http://reign.forumofficiel.fr/t4-famille-royal-de-france">En savoir plus</a></span>        </span>       
                     </div>
                                                
                     <div class="infobulle">
                                  <img class="img_PV" src="https://i58.servimg.com/u/f58/12/75/86/48/114.jpg" />        <span>        <img src="https://i58.servimg.com/u/f58/12/75/86/48/114.jpg" />        <br /><strong>Claude de Valois</strong><br /><span style="font-size: smaller;">ft. Rose WILLIAMS <br />Famille Royal - 15 ans <br />          <a target="_blanck" hreft=" http://reign.forumofficiel.fr/t4-famille-royal-de-france">En savoir plus</a></span>        </span>       
                     </div>
                                                
                     <div class="infobulle">
                                  <img class="img_PV" src="https://i58.servimg.com/u/f58/12/75/86/48/118.jpg" />        <span>        <img src="https://i58.servimg.com/u/f58/12/75/86/48/118.jpg" />        <br /><strong>Greer</strong><br /><span style="font-size: smaller;">ft. Celina SINNDEN <br />La Cour - 20 <br />          <a target="_blanck" hreft="http://reign.forumofficiel.fr/t7-la-cour ">En savoir plus</a></span>        </span>       
                     </div>
                                              
                     <div class="infobulle">
                                  <img class="img_PV" src="https://i58.servimg.com/u/f58/12/75/86/48/116.jpg" />        <span>        <img src="https://i58.servimg.com/u/f58/12/75/86/48/116.jpg" />        <br /><strong>Lola</strong><br /><span style="font-size: smaller;">ft.  Anna POPPLEWELL  <br />La Cour - 20 ans <br />          <a target="_blanck" hreft=" http://reign.forumofficiel.fr/t7-la-cour">En savoir plus</a></span>        </span>       
                     </div>
                                            
                     <div class="infobulle">
                                  <img class="img_PV" src="https://i11.servimg.com/u/f11/12/75/86/48/narcis10.jpg" />        <span>        <img src="https://i11.servimg.com/u/f11/12/75/86/48/narcis10.jpg" />        <br /><strong>Narcisse</strong><br /><span style="font-size: smaller;">ft. Craig PARKER <br />La Cour - 30 ans <br />          <a target="_blanck" hreft=" http://reign.forumofficiel.fr/t7-la-cour">En savoir plus</a></span>        </span>                                         
                     </div>
                     
                  </center><fieldset style="margin-left:20px;" class="PV">                      </fieldset>                           
               </td>
                                                      
            </tr>
                         
         </tbody>
      </table>
           
   </div>
</div>
 


Mais cela me donne ceci en prévisualisé, donc je n'ose pas appuyer sur enregistrer. Car c'est ce que cela me faisait pour tout changement même un simple texte.

Hors cadre après modification de codage Pb12


carousse

carousse
*****

Messages : 844
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hors cadre après modification de codage

Message par carousse Ven 30 Juin 2017 - 15:48

up
carousse

carousse
*****

Messages : 844
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hors cadre après modification de codage

Message par Lixyr Dim 2 Juil 2017 - 15:50

Bonjour,

Je ne vois pas de soucis sur le forum. Avez-vous laissé le code que vous aviez mis et qui décalait tout ? Autrement il faudrait le remettre.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Hors cadre après modification de codage 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Hors cadre après modification de codage 3592387030 pour prévenir la modération.

Hors cadre après modification de codage Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hors cadre après modification de codage

Message par carousse Dim 2 Juil 2017 - 19:50

non j'ai laisser celui qui ne décaller rien car sinon après sur mon forum ca décale tout et cela ne vas pas du tout. Après si vous souhaitez le voir décallé je peut le mettre sur le forum test
carousse

carousse
*****

Messages : 844
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hors cadre après modification de codage

Message par Lixyr Lun 3 Juil 2017 - 9:39

Je vais tester sur mon forum test, mais avant tout, une chose : vous avez mis ça en iframe, donc vous enregistrez bien ce code dans une page HTML annexe ?

Car dans votre code je vois énormément d'erreurs qui semblent correspondre à la mise en page que l'éditeur de FA corrige automatiquement. Donc ce décalage peut s'expliquer simplement.

EXEMPLE :

- ici le code de base sans erreurs :

<fieldset class="staff">
<legend class="stitre">Le staff</legend>
ICI DIV CONTENANT
</fieldset>

- ici le code après modification, voici ce qu'il devient

<fieldset class="staff">
<legend class="stitre"></legend>Le staff
</fieldset>
ICI DIV CONTENANT
[...]
</div>
<fieldset class="staff"></fieldset>

Votre code se situe normalement dans un fieldset (class staff). Hors, après correction automatique de votre code, la balise fieldset est fermée avant votre div contenant votre contenu, et est dupliquée ensuite, ce qui sort le contenant du fieldset et créé deux cadres vides.

Alors,
- les balises fieldset sont fermée automatiquement, surement parce qu'elles sont mal remplies, ou bien parce qu'elles ne supportent pas la présence de div (à vérifier). A savoir que les balises fieldset sont des balises pour formulaires, elles ne doivent pas être utilisées pour de la mise en page !
- les balises legend sont des balises de titre, hors là le titre se retrouve en dehors de la balise titre Question Question
- les fieldset sont dupliqués.

C'est ce qui créé le soucis.

Je ne sais pas pourquoi ça modifie le code, mais il y a deux cas possibles :

1) balise mal employée

Je pense que ça a un lien avec la balise fieldset, qui est mal employée. Je vous conseille de l'enlever, et de créer une mise en page avec des div uniquement. Si vous ne savez pas le faire, je peux vous y aider. Wink

2) les balises html de base pour une page HTML ne sont pas mises en place

Vous n'avez pas mis les balises HTML, HEAD, et BODY, ce qui pourrait aussi expliquer le soucis.
Donc au cas où, j'ai remodifié/recorrigé le code, qui s'affiche désormais correctement chez moi :

Code:
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>PA Jamie/PRD</title>
    <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Dancing+Script" />
    <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Pacifico" />
    <style type="text/css">
    a, a:link, a:visited, a:hover { text-decoration: none; }
    a {color: #2DA6C4; font-family: Calibri; font-size:11px; text-decoration: none;}
    a:hover {color: #2DA6C4; font-size:12px; letter-spacing: 0.5px; font-family: Courier New; text-decoration: none;}   
    a.lienimp {color: #2A615B; text-shadow:1px 1px 1 px black; font-family:Time New Roman; text-transform:uppercase; font-size:18px; text-decoration: none; margin-right:8px;}
    a.lienimp:hover {font-size:18px; font-weight:bolder; text-decoration: none;}
    a.lienimp:visited {text-decoration: none;}
   
    .fond_G{
    background: #FFFFFF;
    margin:auto;
    padding-top: 25px;
    padding-bottom: 25px;
    width: 650px;
    border-radius: 130px;
    border:1px solid #2DA6C4;
    }
   
    .fond_G2_int{
    background-color:#FFFFFF;
    margin-left:-25px;
    border-radius: 30px;
    padding:15px;
    border:2px solid #2DA6C4;
    width: 675px;
    text-align:justify;
    height:400px;
    display:block;
    }
   
 
    .Titre_G{
    text-align: center;
    font-family: 'Pacifico', cursive;
    font-size: 28px;
    color: #208fab;
    letter-spacing:1.5px;
    text-shadow:1px -1px 2px #208fab;
    margin-top: -53px;
    }
   
    .staff{
    width:125px;
    border-radius:15px 30px 15px 30px;
    border: 1px solid #2DA6C4;
    }

    .stitre{
    font-size: 20px;
    font-family: 'Dancing Script', cursive;
    font-weight:bolder;
    color: #2DA6C4;
    margin-left:20px;
    }   
   
    .infobulle {   
    display : inline;
    position : relative;
    }

    .infobulle .contenu_infobulle{ 
    position:absolute;
    top: -75px;
    left:30px;
    width: 105px;
    border-radius: 15px;
    background-color: #e6eff7;
    text-align: center;
    padding: 5px;
    font-size:12px;
    font-family: calibri;
    color: #2A615B;
    display:none
    }

    .infobulle:hover .contenu_infobulle{
    display : block;
    }
   
    .img_staff{
    border-radius:50px;
    margin: 5px;
    height: 50px;
    width: 50px;
    opacity:1;
    }

    .img_staff:hover{
    opacity:.6;
    }
 
    .contexte{
    border-radius:15px 50px 15px 50px;
    border: 1px solid #2DA6C4;
    width: 420px;
    height:175px;
    display:block;
    overflow: hidden;
    }

    .contexte2{
    text-align: justify;
    font-size:12px;
    font-family: calibri;
    overflow: auto;
    width:400px;
    height:150px;
    margin:auto;
    overflow: auto;
    }

    .PV{
    border-radius:15px 30px 15px 30px;
    border: 1px solid #2DA6C4;
    }

    div.infobulle{
    position:relative;
    display:inline;
    width: 120px;
    height: 120px;
    }

    div.infobulle span{
    display:none;
    }

    div.infobulle:hover{
    z-index:999;
    }
 
    div.infobulle:hover span{
    top: -70px;
    left:40px;
    width : 120px;
    padding: 5px;
    border-radius: 10px;
    display : inline;
    background-color: #e6eff7;
    font-size:12px;
    font-family: calibri;
    color: #2A615B;
    text-align:center;
    position: absolute;
    }

    .img_PV{
    border-radius:50px;
    height: 50px;
    width: 50px;
    margin:5px;
    }     
   
    .concept_news{
    text-align: justify;
    font-size:12px;
    font-family: calibri;
    border-radius:15px 50px 15px 50px;
    border: 1px solid #2DA6C4;
    padding: 15px;
    height:200px;
    display:block;
    overflow: auto;
    }
 

    </style>
  </head>
  <body>
    <div class="fond_G">
      <div class="fond_G2_int">
        <div class="Titre_G">
          Bienvenue
        </div>
        <center>
          <a href=" http://reign.forumofficiel.fr/t2-reglements" target="_blank" class="lienimp">Règlement</a>
          <a href=" http://reign.forumofficiel.fr/f3-post-vacants" target="_blank" class="lienimp">PV | Scénario</a>
          <a href=" http://reign.forumofficiel.fr/f27-partenariats" target="_blank" class="lienimp">Invité</a>
          <a href=" http://reign.forumofficiel.fr/f29-coin-des-avatars" target="_blank" class="lienimp">Avatars</a>
          <a href=" http://reign.forumofficiel.fr/f30-vos-demandes" target="_blank" class="lienimp">Demande</a>
        </center>
                       
        <table style="width: 100%;" cellspacing="15">
          <tbody>
            <tr>
              <td style="width: 125px;" valign="top">
                <fieldset class="staff">
                  <legend class="stitre">Le staff</legend>
                  <center>
                    <div class="infobulle">
                      <img src="https://i11.servimg.com/u/f11/12/75/86/48/fr10.jpg" class="img_staff" />   
                      <div class="contenu_infobulle">
                        <img src="https://i11.servimg.com/u/f11/12/75/86/48/fr10.jpg" /><br />
                        <br />
                        <strong>François De Valois</strong><br />
                        Fondateur<br />
                        <em>Absent/présent</em><br />
                        <a href="http://reign.forumofficiel.fr/privmsg?mode=post&u=3 " target="_blank">MP</a> |
                        <a href="http://reign.forumofficiel.fr/t12-francois-de-valois-en-cours " target="_blank">Profil</a>
                      </div>
                    </div>
                                           
                    <div class="infobulle">
                      <img src="https://i58.servimg.com/u/f58/12/75/86/48/112.jpg" class="img_staff" />   
                      <div class="contenu_infobulle">
                        <img src="https://i58.servimg.com/u/f58/12/75/86/48/112.jpg" /><br />
                        <br />
                        <strong>Marie Stuart</strong><br />
                        Administratrice<br />
                        <em>Absent/présent</em><br />
                        <a href="http://reign.forumofficiel.fr/privmsg?mode=post&u=5" target="_blank">MP</a> |
                        <a href="lien" target="_blank">Profil</a>           
                      </div>
                    </div>
                  </center>
                </fieldset>   
              </td>
                       
              <td valign="top" rowspan="2">
                <fieldset class="contexte">
                  <legend class="stitre">Le contexte</legend>
                  <div class="contexte2">
                    <img style="float:left; width:120px; margin:8px;" src="http://68.media.tumblr.com/7cc624e3c3a86b16930b1fec266ba2e2/tumblr_ndkgsdjk5k1sf15uko6_250.gif" />
                    La France était sous le règne sous le règne d’Henri II et Catherine de Medici. Ils eurent un fils ensemble nommée François qui est le dauphin de la France le futur roi. Il fût fiancé à Mary Stuart rein d’Écosse très jeune, pour pouvoir obtenir une alliance entre les deux pays. Mary passa sa jeunesse au Château à jouer avec François avant d'être envoyé au couvent pour sa protection. Elle revint à la cour à ses 16 ans avec ces dames d'honneur. Sa belle-mère fût tout pour qu'elle ne monte pas sur le trône suite à une vision de Nostradamus qui voyait François mourir si Mary venait sur le trône. Mary réussi à déjouer tous ces pièges. Par la suite, le roi Henri fût pris d'hallucination. Beaucoup d'homme son mort à cause de sa folie. Lors d'un tournoi de chevalerie, le roi voulût faire un duel. Son fils pris la place de son adversaire en secret et visa la tête avec sa lance. Celle-ci n'a pas loupé sa cible.  <br /><br /><strong>Le roi est mort! Longues vie au roi. Le roi est mort! Longues vie au roi.  </strong><br /><br />Cette phrase ne cesse de résonner dans la tête des gens du château mais surtout dans celle de François. Il venait de tuer son père et sera bientôt nommer officiellement roi de son pays auprès de celle qu'il aime. Arrivera-t-il à faire de ce pays, une terre promise et de paix? Ou mènera-t-il la guerre contre l'Angleterre?                 
                  </div>
                </fieldset>
              </td>
            </tr>
            <tr>
              <td rowspan="2">
                <fieldset class="concept_news">
                  <legend class="stitre">Partenariat</legend>
                  <a href="https://www.facebook.com/Reigncwfrance" target="_blank" >
                    <img  src="https://i11.servimg.com/u/f11/12/75/86/48/sans_t10.jpg" border="0" alt="Facebook de Reign France" />
                  </a><br />
                  partenaire 2
                </fieldset>             
              </td>
            </tr>
                 
            <tr>
              <td valign="top">
                <fieldset style="margin-left:20px;" class="PV">
                  <legend class="stitre">We wanted</legend>
                  <center style="margin-left: 20px;">
                    <div class="infobulle">
                      <img class="img_PV" src="https://i58.servimg.com/u/f58/12/75/86/48/113.jpg" />
                      <span>
                        <img src="https://i58.servimg.com/u/f58/12/75/86/48/113.jpg" /><br />
                        <strong>Sébastien</strong><br />
                        <span style="font-size: smaller;">ft. Torrance COOMBS <br />
                          Famille Royal - 21 ans <br />
                          <a target="_blanck" hreft=" http://reign.forumofficiel.fr/t4-famille-royal-de-france">En savoir plus</a>
                        </span>
                      </span>     
                    </div>
                    <div class="infobulle">
                      <img class="img_PV" src="https://i58.servimg.com/u/f58/12/75/86/48/115.jpg" />
                      <span>
                        <img src="https://i58.servimg.com/u/f58/12/75/86/48/115.jpg" /><br />
                        <strong>Catherine De Medicis</strong><br />
                        <span style="font-size: smaller;">ft. Megan FOLLOWS<br />
                          Famille Royal - 43 ans <br />
                          <a target="_blanck" hreft=" http://reign.forumofficiel.fr/t4-famille-royal-de-france">En savoir plus</a>
                        </span>
                      </span> 
                    </div>                       
                    <div class="infobulle">
                      <img class="img_PV" src="https://i58.servimg.com/u/f58/12/75/86/48/114.jpg" />
                      <span>
                        <img src="https://i58.servimg.com/u/f58/12/75/86/48/114.jpg" /><br />
                        <strong>Claude de Valois</strong><br />
                        <span style="font-size: smaller;">ft. Rose WILLIAMS <br />
                          Famille Royal - 15 ans <br />
                          <a target="_blanck" hreft=" http://reign.forumofficiel.fr/t4-famille-royal-de-france">En savoir plus</a>
                        </span>
                      </span>     
                    </div>
                    <div class="infobulle">
                      <img class="img_PV" src="https://i58.servimg.com/u/f58/12/75/86/48/118.jpg" />
                      <span>
                        <img src="https://i58.servimg.com/u/f58/12/75/86/48/118.jpg" /><br />
                        <strong>Greer</strong><br />
                        <span style="font-size: smaller;">ft. Celina SINNDEN <br />
                          La Cour - 20 <br />
                          <a target="_blanck" hreft="http://reign.forumofficiel.fr/t7-la-cour ">En savoir plus</a>
                        </span>
                      </span>     
                    </div>
                    <div class="infobulle">
                      <img class="img_PV" src="https://i58.servimg.com/u/f58/12/75/86/48/116.jpg" />
                      <span>
                        <img src="https://i58.servimg.com/u/f58/12/75/86/48/116.jpg" /><br />
                        <strong>Lola</strong><br />
                        <span style="font-size: smaller;">ft.  Anna POPPLEWELL  <br />
                          La Cour - 20 ans <br />
                          <a target="_blanck" hreft=" http://reign.forumofficiel.fr/t7-la-cour">En savoir plus</a>
                        </span>
                      </span>     
                    </div>
                    <div class="infobulle">
                      <img class="img_PV" src="https://i11.servimg.com/u/f11/12/75/86/48/narcis10.jpg" />
                      <span>
                        <img src="https://i11.servimg.com/u/f11/12/75/86/48/narcis10.jpg" /><br />
                        <strong>Narcisse</strong><br /><span style="font-size: smaller;">ft. Craig PARKER <br />
                        La Cour - 30 ans <br />
                        <a target="_blanck" hreft=" http://reign.forumofficiel.fr/t7-la-cour">En savoir plus</a>
                        </span>
                      </span>                                       
                    </div>
                  </center>
                </fieldset>                         
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </body>
</html>


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Hors cadre après modification de codage 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Hors cadre après modification de codage 3592387030 pour prévenir la modération.

Hors cadre après modification de codage Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hors cadre après modification de codage

Message par carousse Lun 3 Juil 2017 - 10:06

ohhhhh la vache. Bien compliquer tous ça quand on connait que les balise b, et color mdr.

J'ai pris cela dans un libre service, donc y a un soucis avec le code source qui se corrige. OK, effectivement fieldset ou div je sais pas la différence et ce qui faut faire, je veux bien un coups de main.

J'ai mis votre code, effectivement cela s'affiche correctement, au moins je peut mettre mon partenaire, mais je peut rien modifier derrière. Si on peut remettre tous ceci en place avec des explication cela serai cool. Que j 'arrive a comprendre quelques choses.
carousse

carousse
*****

Messages : 844
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hors cadre après modification de codage

Message par Lixyr Lun 3 Juil 2017 - 10:13

Et bien concrètement je n'ai rien changé mis à part :
- rajouté les balises HTML, HEAD et BODY (mais ça vous ne vous en occupez pas, laissez ça simplement comme ça) ;
- ré-indenté les balises pour qu'on y voit plus clair.

Donc ça dépend de ce que vous voulez rajouter.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Hors cadre après modification de codage 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Hors cadre après modification de codage 3592387030 pour prévenir la modération.

Hors cadre après modification de codage Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hors cadre après modification de codage

Message par carousse Lun 3 Juil 2017 - 17:10

le soucis c'est que maintenant si j'ouvre je fait prévisualisé cela bug encore. Je souhaite régler mon code pour que je puisse faire des changement quand bon me semble enfaite.

Merci beaucoup pour vos réponses
carousse

carousse
*****

Messages : 844
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hors cadre après modification de codage

Message par Lixyr Lun 3 Juil 2017 - 22:30

Vous mettez bien votre code dans une page HTML ? Je pense que vous devez faire une erreur quand vous rajouter du contenu car je n'ai pas le soucis lorsque je modifie de mon coté.

http://forum-test-lixyr.forumactif.com/h1-test-carousse


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Hors cadre après modification de codage 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Hors cadre après modification de codage 3592387030 pour prévenir la modération.

Hors cadre après modification de codage Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hors cadre après modification de codage

Message par carousse Lun 3 Juil 2017 - 22:33

module > gestion des pages html

J'ai refait le test et ca veut pas.

Je copie votre code je le colle, ca me le prend impec j'enregistre. Je clique sur la roue encrer pour modifier, prévisualisé cela me décale tout donc je n'ose pas enregistrer
carousse

carousse
*****

Messages : 844
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hors cadre après modification de codage

Message par Lixyr Lun 3 Juil 2017 - 22:37

OK, donc voici votre code, mais avec des indications que j'ai rajoutées (elles se trouvent en orange normalement).

Code:
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>PA Jamie/PRD</title>
    <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Dancing+Script" />
    <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Pacifico" />
    <style type="text/css">
    a, a:link, a:visited, a:hover { text-decoration: none; }
    a {color: #2DA6C4; font-family: Calibri; font-size:11px; text-decoration: none;}
    a:hover {color: #2DA6C4; font-size:12px; letter-spacing: 0.5px; font-family: Courier New; text-decoration: none;}   
    a.lienimp {color: #2A615B; text-shadow:1px 1px 1 px black; font-family:Time New Roman; text-transform:uppercase; font-size:18px; text-decoration: none; margin-right:8px;}
    a.lienimp:hover {font-size:18px; font-weight:bolder; text-decoration: none;}
    a.lienimp:visited {text-decoration: none;}
   
    .fond_G{
    background: #FFFFFF;
    margin:auto;
    padding-top: 25px;
    padding-bottom: 25px;
    width: 650px;
    border-radius: 130px;
    border:1px solid #2DA6C4;
    }
   
    .fond_G2_int{
    background-color:#FFFFFF;
    margin-left:-25px;
    border-radius: 30px;
    padding:15px;
    border:2px solid #2DA6C4;
    width: 675px;
    text-align:justify;
    height:400px;
    display:block;
    }
   
 
    .Titre_G{
    text-align: center;
    font-family: 'Pacifico', cursive;
    font-size: 28px;
    color: #208fab;
    letter-spacing:1.5px;
    text-shadow:1px -1px 2px #208fab;
    margin-top: -53px;
    }
   
    .staff{
    width:125px;
    border-radius:15px 30px 15px 30px;
    border: 1px solid #2DA6C4;
    }

    .stitre{
    font-size: 20px;
    font-family: 'Dancing Script', cursive;
    font-weight:bolder;
    color: #2DA6C4;
    margin-left:20px;
    }   
   
    .infobulle {   
    display : inline;
    position : relative;
    }

    .infobulle .contenu_infobulle{ 
    position:absolute;
    top: -75px;
    left:30px;
    width: 105px;
    border-radius: 15px;
    background-color: #e6eff7;
    text-align: center;
    padding: 5px;
    font-size:12px;
    font-family: calibri;
    color: #2A615B;
    display:none
    }

    .infobulle:hover .contenu_infobulle{
    display : block;
    }
   
    .img_staff{
    border-radius:50px;
    margin: 5px;
    height: 50px;
    width: 50px;
    opacity:1;
    }

    .img_staff:hover{
    opacity:.6;
    }
 
    .contexte{
    border-radius:15px 50px 15px 50px;
    border: 1px solid #2DA6C4;
    width: 420px;
    height:175px;
    display:block;
    overflow: hidden;
    }

    .contexte2{
    text-align: justify;
    font-size:12px;
    font-family: calibri;
    overflow: auto;
    width:400px;
    height:150px;
    margin:auto;
    overflow: auto;
    }

    .PV{
    border-radius:15px 30px 15px 30px;
    border: 1px solid #2DA6C4;
    }

    div.infobulle{
    position:relative;
    display:inline;
    width: 120px;
    height: 120px;
    }

    div.infobulle span{
    display:none;
    }

    div.infobulle:hover{
    z-index:999;
    }
 
    div.infobulle:hover span{
    top: -70px;
    left:40px;
    width : 120px;
    padding: 5px;
    border-radius: 10px;
    display : inline;
    background-color: #e6eff7;
    font-size:12px;
    font-family: calibri;
    color: #2A615B;
    text-align:center;
    position: absolute;
    }

    .img_PV{
    border-radius:50px;
    height: 50px;
    width: 50px;
    margin:5px;
    }     
   
    .concept_news{
    text-align: justify;
    font-size:12px;
    font-family: calibri;
    border-radius:15px 50px 15px 50px;
    border: 1px solid #2DA6C4;
    padding: 15px;
    height:200px;
    display:block;
    overflow: auto;
    }
 

    </style>
  </head>
  <body>
    <div class="fond_G">
      <div class="fond_G2_int">
        <div class="Titre_G">
          Bienvenue
        </div>
        <center>
          <a href=" http://reign.forumofficiel.fr/t2-reglements" target="_blank" class="lienimp">Règlement</a>
          <a href=" http://reign.forumofficiel.fr/f3-post-vacants" target="_blank" class="lienimp">PV | Scénario</a>
          <a href=" http://reign.forumofficiel.fr/f27-partenariats" target="_blank" class="lienimp">Invité</a>
          <a href=" http://reign.forumofficiel.fr/f29-coin-des-avatars" target="_blank" class="lienimp">Avatars</a>
          <a href=" http://reign.forumofficiel.fr/f30-vos-demandes" target="_blank" class="lienimp">Demande</a>
        </center>
                       
        <table style="width: 100%;" cellspacing="15">
          <tbody>
            <tr>
              <td style="width: 125px;" valign="top">
                <fieldset class="staff">
                  <legend class="stitre">Le staff</legend>
                  <center>
                    <div class="infobulle">
                      <img src="https://i11.servimg.com/u/f11/12/75/86/48/fr10.jpg" class="img_staff" />   
                      <div class="contenu_infobulle">
                        <img src="https://i11.servimg.com/u/f11/12/75/86/48/fr10.jpg" /><br />
                        <br />
                        <strong>François De Valois</strong><br />
                        Fondateur<br />
                        <em>Absent/présent</em><br />
                        <a href="http://reign.forumofficiel.fr/privmsg?mode=post&u=3 " target="_blank">MP</a> |
                        <a href="http://reign.forumofficiel.fr/t12-francois-de-valois-en-cours " target="_blank">Profil</a>
                      </div>
                    </div>
                    <div class="infobulle">
                      <img src="https://i58.servimg.com/u/f58/12/75/86/48/112.jpg" class="img_staff" />   
                      <div class="contenu_infobulle">
                        <img src="https://i58.servimg.com/u/f58/12/75/86/48/112.jpg" /><br />
                        <br />
                        <strong>Marie Stuart</strong><br />
                        Administratrice<br />
                        <em>Absent/présent</em><br />
                        <a href="http://reign.forumofficiel.fr/privmsg?mode=post&u=5" target="_blank">MP</a> |
                        <a href="lien" target="_blank">Profil</a>           
                      </div>
                    </div>
                    <!-- SI vous souhaitez rajouteru ne infobulle pour le staff postez juste avant cette ligne ce code :
                    <div class="infobulle">
                      <img src="URL IMAGE" class="img_staff" />   
                      <div class="contenu_infobulle">
                        <img src="URL IMAGE HOVER" /><br />
                        <br />
                        <strong>NOM</strong><br />
                        STATUT<br />
                        <em>Absent/présent</em><br />
                        <a href="URL MP" target="_blank">MP</a> |
                        <a href="URL PROFIL" target="_blank">Profil</a>           
                      </div>
                    </div>
                    STOP CODE -->
                  </center>
                </fieldset>   
              </td>
                       
              <td valign="top" rowspan="2">
                <fieldset class="contexte">
                  <legend class="stitre">Le contexte</legend>
                  <div class="contexte2">
                    <!-- CI APRES se trouve l image du contexte -->
                    <img style="float:left; width:120px; margin:8px;" src="http://68.media.tumblr.com/7cc624e3c3a86b16930b1fec266ba2e2/tumblr_ndkgsdjk5k1sf15uko6_250.gif" />
                    <!-- CI APRES se trouve le contexte -->
                    La France était sous le règne sous le règne d’Henri II et Catherine de Medici. Ils eurent un fils ensemble nommée François qui est le dauphin de la France le futur roi. Il fût fiancé à Mary Stuart rein d’Écosse très jeune, pour pouvoir obtenir une alliance entre les deux pays. Mary passa sa jeunesse au Château à jouer avec François avant d'être envoyé au couvent pour sa protection. Elle revint à la cour à ses 16 ans avec ces dames d'honneur. Sa belle-mère fût tout pour qu'elle ne monte pas sur le trône suite à une vision de Nostradamus qui voyait François mourir si Mary venait sur le trône. Mary réussi à déjouer tous ces pièges. Par la suite, le roi Henri fût pris d'hallucination. Beaucoup d'homme son mort à cause de sa folie. Lors d'un tournoi de chevalerie, le roi voulût faire un duel. Son fils pris la place de son adversaire en secret et visa la tête avec sa lance. Celle-ci n'a pas loupé sa cible.  <br /><br /><strong>Le roi est mort! Longues vie au roi. Le roi est mort! Longues vie au roi.  </strong><br /><br />Cette phrase ne cesse de résonner dans la tête des gens du château mais surtout dans celle de François. Il venait de tuer son père et sera bientôt nommer officiellement roi de son pays auprès de celle qu'il aime. Arrivera-t-il à faire de ce pays, une terre promise et de paix? Ou mènera-t-il la guerre contre l'Angleterre?
                    <!-- ATTENTION STOP CONTEXTE -->
                  </div>
                </fieldset>
              </td>
            </tr>
            <tr>
              <td rowspan="2">
                <fieldset class="concept_news">
                  <legend class="stitre">Partenariat</legend>
                  <a href="https://www.facebook.com/Reigncwfrance" target="_blank" >
                    <img  src="https://i11.servimg.com/u/f11/12/75/86/48/sans_t10.jpg" border="0" alt="Facebook de Reign France" />
                  </a>
                  <!-- si vous souhaitez rajouter un partenaire, postez juste avant cette ligne en rajoutant ce code :
                  <a href="URL" target="_blank" >
                    <img  src="URL IMAGE" border="0" alt="NOM DU PARTENAIRE" />
                  </a>
                  STOP CODE -->
                </fieldset>             
              </td>
            </tr>
                 
            <tr>
              <td valign="top">
                <fieldset style="margin-left:20px;" class="PV">
                  <legend class="stitre">We wanted</legend>
                  <center style="margin-left: 20px;">
                    <div class="infobulle">
                      <img class="img_PV" src="https://i58.servimg.com/u/f58/12/75/86/48/113.jpg" />
                      <span>
                        <img src="https://i58.servimg.com/u/f58/12/75/86/48/113.jpg" /><br />
                        <strong>Sébastien</strong><br />
                        <span style="font-size: smaller;">ft. Torrance COOMBS <br />
                          Famille Royal - 21 ans <br />
                          <a target="_blanck" hreft=" http://reign.forumofficiel.fr/t4-famille-royal-de-france">En savoir plus</a>
                        </span>
                      </span>     
                    </div>
                    <div class="infobulle">
                      <img class="img_PV" src="https://i58.servimg.com/u/f58/12/75/86/48/115.jpg" />
                      <span>
                        <img src="https://i58.servimg.com/u/f58/12/75/86/48/115.jpg" /><br />
                        <strong>Catherine De Medicis</strong><br />
                        <span style="font-size: smaller;">ft. Megan FOLLOWS<br />
                          Famille Royal - 43 ans <br />
                          <a target="_blanck" hreft=" http://reign.forumofficiel.fr/t4-famille-royal-de-france">En savoir plus</a>
                        </span>
                      </span> 
                    </div>                       
                    <div class="infobulle">
                      <img class="img_PV" src="https://i58.servimg.com/u/f58/12/75/86/48/114.jpg" />
                      <span>
                        <img src="https://i58.servimg.com/u/f58/12/75/86/48/114.jpg" /><br />
                        <strong>Claude de Valois</strong><br />
                        <span style="font-size: smaller;">ft. Rose WILLIAMS <br />
                          Famille Royal - 15 ans <br />
                          <a target="_blanck" hreft=" http://reign.forumofficiel.fr/t4-famille-royal-de-france">En savoir plus</a>
                        </span>
                      </span>     
                    </div>
                    <div class="infobulle">
                      <img class="img_PV" src="https://i58.servimg.com/u/f58/12/75/86/48/118.jpg" />
                      <span>
                        <img src="https://i58.servimg.com/u/f58/12/75/86/48/118.jpg" /><br />
                        <strong>Greer</strong><br />
                        <span style="font-size: smaller;">ft. Celina SINNDEN <br />
                          La Cour - 20 <br />
                          <a target="_blanck" hreft="http://reign.forumofficiel.fr/t7-la-cour ">En savoir plus</a>
                        </span>
                      </span>     
                    </div>
                    <div class="infobulle">
                      <img class="img_PV" src="https://i58.servimg.com/u/f58/12/75/86/48/116.jpg" />
                      <span>
                        <img src="https://i58.servimg.com/u/f58/12/75/86/48/116.jpg" /><br />
                        <strong>Lola</strong><br />
                        <span style="font-size: smaller;">ft.  Anna POPPLEWELL  <br />
                          La Cour - 20 ans <br />
                          <a target="_blanck" hreft=" http://reign.forumofficiel.fr/t7-la-cour">En savoir plus</a>
                        </span>
                      </span>     
                    </div>
                    <div class="infobulle">
                      <img class="img_PV" src="https://i11.servimg.com/u/f11/12/75/86/48/narcis10.jpg" />
                      <span>
                        <img src="https://i11.servimg.com/u/f11/12/75/86/48/narcis10.jpg" /><br />
                        <strong>Narcisse</strong><br /><span style="font-size: smaller;">ft. Craig PARKER <br />
                        La Cour - 30 ans <br />
                        <a target="_blanck" hreft=" http://reign.forumofficiel.fr/t7-la-cour">En savoir plus</a>
                        </span>
                      </span>                                       
                    </div>
                    <!-- si vous souhaitez rajouter une infobulle, postez juste avant cette ligne ce code :
                    <div class="infobulle">
                      <img class="img_PV" src="URL IMG" />
                      <span>
                        <img src="URL IMG HOVER" /><br />
                        <strong>NOM</strong><br /><span style="font-size: smaller;">NOM ACTEUR<br />
                        SITUATION - AGE<br />
                        <a target="_blanck" hreft="URL">En savoir plus</a>
                        </span>
                      </span>                                       
                    </div>
                    STOP CODE -->
                  </center>
                </fieldset>                         
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </body>
</html>

Dites-moi si vous comprenez et si ça vous aide.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Hors cadre après modification de codage 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Hors cadre après modification de codage 3592387030 pour prévenir la modération.

Hors cadre après modification de codage Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hors cadre après modification de codage

Message par carousse Lun 3 Juil 2017 - 22:51

heu àa m'a rien mis en orange arf --"

je vais essayer de regarder cela en détail demain tranquillement et vous redis

merci beaucoup bonne soirée
carousse

carousse
*****

Messages : 844
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hors cadre après modification de codage

Message par Lixyr Lun 3 Juil 2017 - 23:49

Normalement votre code devrait être coloré par endroits (je parle du code en lui-même, dans la zone "Contenu de la page *" lorsque vous éditez vos pages HTML).


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Hors cadre après modification de codage 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Hors cadre après modification de codage 3592387030 pour prévenir la modération.

Hors cadre après modification de codage Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hors cadre après modification de codage

Message par carousse Mar 4 Juil 2017 - 11:08

Bonjour,

Ou j'avais bien compris mais je ne vois pas orange quand même

Hors cadre après modification de codage Pbd10
carousse

carousse
*****

Messages : 844
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hors cadre après modification de codage

Message par Lixyr Mar 4 Juil 2017 - 15:44

Ha ! Mais vous avez créé une page HTML en mode simple ! Tout s'explique ! Idea

Pour régler vos divers problèmes, je vous conseille de créer une âge HTML en mode avancé :
gestion des pages HTML Right création en mode avancée (HTML)
Cochez les divers champs comme suit :
- Voulez-vous utiliser le haut et le bas de page de votre forum ? : non
- Utiliser cette page en tant que page d'accueil ? : non
Mettez le contenu du code que je vous ai donné plus haut, et enregistrez-le.

Pour ce procédé, il vous faudra malheureusement créer une autre page HTML, et modifier le lien de l'iframe dans votre page d'accueil, mais vous verrez, tout sera plus clair ensuite.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Hors cadre après modification de codage 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Hors cadre après modification de codage 3592387030 pour prévenir la modération.

Hors cadre après modification de codage Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hors cadre après modification de codage

Message par carousse Mar 4 Juil 2017 - 18:34

Ok enfaite c'est ce que j'avais fait mais une fois que je mémorise si je vais sur le même lien ben y a plus les couleur mais quand j'ai coller la première fois j'avais les couleurs.

pourquoi ça reste pas.... je vais pas recrée une page à chaque fois?
carousse

carousse
*****

Messages : 844
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Hors cadre après modification de codage

Message par Lixyr Mar 4 Juil 2017 - 23:17

Non, quand vous allez dans l'édition de la page, en fait vous devez cliquer sur edit modifier en mode avancé HTML => celui qui a trois rouages.

(d'ailleurs j'ai fait une bêtise, je vous ai dit plus haut qu'il fallait refaire une page, mais vous pouviez faire ça directement ::moitimide::)


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Hors cadre après modification de codage 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Hors cadre après modification de codage 3592387030 pour prévenir la modération.

Hors cadre après modification de codage Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Hors cadre après modification de codage

Message par carousse Jeu 6 Juil 2017 - 23:48

ahhhhh oki je viens de voir effectivement quand j'édite je prenai le premier. ><" D'accord tous s'explique alors. Problème résolue, merci beaucoup. C'ets pour cela que ça corriger ma page.

La première fois je m'ettait bien mode avancer mais quand je souhaiter editer je prenez le 1e.

Merci beaucoup
carousse

carousse
*****

Messages : 844
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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