Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Problème de codage de ma page d'accueil

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

Problème de codage de ma page d'accueil

Message par Loü le Jeu 21 Juin 2018 - 18:24

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : non défini
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://hecatombe.forumactif.com

Description du problème

Bonjour,

Je viens vers vous aujourd'hui car je rencontre de grosses difficultés dans le codage de ma page d'accueil.

- Je tape mon code sur Word, puis je copie colle dans l'éditeur de la PA --> Résultat okay : https://i.imgur.com/a0IAOh8.png

- Si je modifie quelque chose ou bien si je re-clique tout simplement sur le bouton enregistrer, tout part en cacaouète & mon code est automatiquement modifié : https://i.imgur.com/NnT2WCc.png

Voici le code de ma page d'accueil tapé sur Word :
Spoiler:
Code:
<div style="font-family:abel; font-size:30px; text-align:center;color:#C9CCD1;">
                                       L'ENFER DE GLACE
</div><br />
<div style="font-family:abel;font-size:12px;font-weight:bold;text-transform:uppercase;text-align:center;">
                                                                                                                                                                               <a href="http://aladiiin.forumactif.org">CONTEXTE</a>    ☠️    <a href="http://aladiiin.forumactif.org">ANNEXES</a>    ☠️    <a href="http://aladiiin.forumactif.org">PARTENARIAT</a>    ☠️    <a href="http://aladiiin.forumactif.org">AVATARS PRIS</a>    ☠️    <a href="http://aladiiin.forumactif.org">PRE-LIENS</a>    ☠️    <a href="http://aladiiin.forumactif.org">INVITES</a>                                                                                               
</div><br /><br />                                                                     
<table>
                   <tbody> </tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
   <tr>
                                                                                                                                                                                                                                                                 
      <td>
                                                                                                                                                                                                      
         <div class="tableonglets">
                                                                                 
            <table>
                                         <tbody>               <tr>
                                                                                 
                  <td>
                                                     <label class="onglet" for="o1"><img style="width: 30px; height: 30px; border-radius:200px; padding:3px; border:2 px solid #131314;" src="http://image.noelshack.com/fichiers/2014/42/1413389587-others-37.png" /></label>                                 
                  </td>
                                                                                 
                  <td>
                                                       <label class="onglet" for="o2"><img style="width: 30px; height: 30px; border-radius:200px; padding:3px; border:2 px solid #131314;" src="http://image.noelshack.com/fichiers/2014/42/1413389586-rick-10.png" /></label>                                 
                  </td>
                                                                         
                  <td>
                                                       <label class="onglet" for="o3"><img style="width: 30px; height: 30px; border-radius:200px; padding:3px; border:2 px solid #131314;" src="http://image.noelshack.com/fichiers/2014/43/1413927137-daryl-7.png" /></label>                                 
                  </td>
                                                                                 
               </tr> </tbody>                 
            </table>
            <input id="o1" type="radio" name="onglets" checked><span class="ongletcont">

            <table>
                               <tbody>
               <tr>
                                               
                  <td>
                                         <img src="https://media1.giphy.com/media/zmZYhryM8EyOs/200w.gif" style="width: 75px;border-radius:10px;" />                   
                  </td>
                                                         
                  <td>
                                         <img src="https://media2.giphy.com/media/Pb6NMMu579RxC/200w.gif" style="width: 75px;border-radius:10px;" />                   
                  </td>
                                                         
               </tr></tbody>                   
            </table>
            <div style="font-family:nothing you could do; font-size:14px; text-align:center;">
                                   Æsa Sigurðardóttir                   
            </div>               
            <div style="font-family:abel;font-size:9px;font-weight:bold;text-transform:uppercase;text-align:center;color:#C9CCD1;">
                                   La fondatrice du forum. Serial killeuse de panda accroc aux cookies                   
            </div></span><input id="o2" type="radio" name="onglets" checked><span class="ongletcont">Contenu 2</span> <input id="o3" type="radio" name="onglets" checked><span class="ongletcont">Contenu 3</span>

               
         </div>
                                                        
      <br/><div style="text-align:justify;">
                            Ils sont beaux, ils sont frais. ce sont les partenaires vip de LCDLM ; pour le devenir, cliquez <a href="http://costa-de-los-muertos.forumactif.com"><span style="font-family:abel;font-size:10px;font-weight:bold;text-transform:uppercase;text-align:center;">ICI</span></a>.<br /><br />                                                                                                                                                         
            <div align="center">
                                                                                                                                                                 <a href="http://repello-moldum.forumactif.com"><img alt="partenaire" style="width:28px;" src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f7/Biohazard.svg/220px-Biohazard.svg.png" /></a>  <a href="http://repello-moldum.forumactif.com"><img alt="partenaire" style="width:28px;" src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f7/Biohazard.svg/220px-Biohazard.svg.png" /></a>  <a href="http://repello-moldum.forumactif.com"><img alt="partenaire" style="width:28px;" src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f7/Biohazard.svg/220px-Biohazard.svg.png" /></a>  <a href="http://repello-moldum.forumactif.com"><img alt="partenaire" style="width:28px;" src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f7/Biohazard.svg/220px-Biohazard.svg.png" /></a>  <a href="http://repello-moldum.forumactif.com"><img alt="partenaire" style="width:28px;" src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f7/Biohazard.svg/220px-Biohazard.svg.png" /></a>  <a href="http://repello-moldum.forumactif.com"><img alt="partenaire" style="width:28px;" src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f7/Biohazard.svg/220px-Biohazard.svg.png" /></a><br /><br />        <a href="http://costa-de-los-muertos.forumactif.com"><span style="font-family:abel;font-size:10px;font-weight:bold;text-transform:uppercase;text-align:center;">plus</span></a> | <a href="http://costa-de-los-muertos.forumactif.com"><span style="font-family:abel;font-size:10px;font-weight:bold;text-transform:uppercase;text-align:center;">notre fiche</span></a>         
            </div>
                                                                                                                                                             
         </div></td>
                                                     
      <td>
                                                    
         <div style="margin-left:20px;">
                                                           
            <div style="font-family:nothing you could do; font-size:16px; text-align:center;color:#C9CCD1;margin-top:-20px;"><br/>
                                                                                                             Islande - 2028                                                                                               
            </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
            <div style="text-align:justify;">
                                                                                                                                                                                                                                                       Cette partie est primordiale pour une bonne compréhension du contexte dans lequel nous évoluons. Si jamais tu as la moindre question concernant le fonctionnement du forum, son règlement ou une annexe, nous t'invitons à nous contacter par mp ou dans la partie réservées aux questions et suggestion. En attendant de te retrouver in game, nous te souhaitons une bonne lecture. Cette partie est primordiale pour une bonne compréhension du contexte dans lequel nous évoluons. Si jamais tu as la moindre question concernant le fonctionnement du forum, son règlement ou une annexe, nous t'invitons à nous contacter par mp ou dans la partie réservées aux questions et suggestion. En attendant de te retrouver in game, nous te souhaitons une bonne lecture. En attendant de te retrouver in game, nous te souhaitons une bonne lecture. Cette partie est primordiale pour une bonne compréhension.  Si jamais tu as la moindre question concernant le fonctionnement du forum, son règlement ou une annexe, nous t'invitons à nous contacter par mp ou dans la partie réservées aux questions et suggestion. En attendant de te retrouver in game, nous te souhaitons une bonne lecture. En attendant de te retrouver in game, nous te souhaitons une bonne lecture. Cette partie est primordiale pour une bonne compréhension.            <br /><br />       
               <div align="center">
                          <img src="https://upload.wikimedia.org/wikipedia/commons/b/b2/M4-Transparent.png" style="width: 115px;" />       
               </div>
                                                                                                                                                                          
            </div>
                                                       
         </div>
                                                                                                                                                                                                                                  
      </td>
                                                                                                                                                                                                                               
   </tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody>
</table>
                <br />
<table>
                   <tbody> </tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
   <tr>
                                   
      <td style="width:230px;">
                                      
         <div style="text-align:justify;margin-right:10px; height:110px ;vertical-align: top;">
                          <span style="font-family:abel;font-size:9px;font-weight:bold;text-transform:uppercase;text-align:center; border-bottom :2px dotted #C9CCD1 ;">INFOS : </span>Cette partie est primordiale pour une bonne compréhension du contexte dans lequel nous évoluons. Si jamais tu as la moindre question concernant le fonctionnement du forum, son règlement ou une annexe, nous t'invitons à nous contacter par mp ou dans la partie réservées aux questions et suggestion.               
         </div>
                                      
      </td>
                                   
      <td style="width:230px;"> <div style="text-align:justify;margin-left:10px; margin-right :10px ;vertical-align: top;height :110px ;">
                                      
         <a href="http://repello-moldum.forumactif.com"><img alt="partenaire" style="width:20px;" src="https://images2.imgbox.com/2c/97/Pa2Wn2W5_o.png" /></a>  <a href="http://repello-moldum.forumactif.com"><img alt="partenaire" style="width:20px;" src="https://images2.imgbox.com/2c/97/Pa2Wn2W5_o.png" /></a>  <a href="http://repello-moldum.forumactif.com"><img alt="partenaire" style="width:20px;" src="https://images2.imgbox.com/2c/97/Pa2Wn2W5_o.png" /></a>  <a href="http://repello-moldum.forumactif.com"><img alt="partenaire" style="width:20px;" src="https://images2.imgbox.com/2c/97/Pa2Wn2W5_o.png" /></a>  <a href="http://repello-moldum.forumactif.com"><img alt="partenaire" style="width:20px;" src="https://images2.imgbox.com/2c/97/Pa2Wn2W5_o.png" /></a>  <a href="http://repello-moldum.forumactif.com"><img alt="partenaire" style="width:20px;" src="https://images2.imgbox.com/2c/97/Pa2Wn2W5_o.png" /></a>  <a href="http://repello-moldum.forumactif.com"><img alt="partenaire" style="width:20px;" src="https://images2.imgbox.com/2c/97/Pa2Wn2W5_o.png" /></a>  <a href="http://repello-moldum.forumactif.com"><img alt="partenaire" style="width:20px;" src="https://images2.imgbox.com/2c/97/Pa2Wn2W5_o.png" /></a>  <a href="http://repello-moldum.forumactif.com"><img alt="partenaire" style="width:20px;" src="https://images2.imgbox.com/2c/97/Pa2Wn2W5_o.png" /></a>  <a href="http://repello-moldum.forumactif.com"><img alt="partenaire" style="width:20px;" src="https://images2.imgbox.com/2c/97/Pa2Wn2W5_o.png" /></a>  <a href="http://repello-moldum.forumactif.com"><img alt="partenaire" style="width:20px;" src="https://images2.imgbox.com/2c/97/Pa2Wn2W5_o.png" /></a>  <a href="http://repello-moldum.forumactif.com"><img alt="partenaire" style="width:20px;" src="https://images2.imgbox.com/2c/97/Pa2Wn2W5_o.png" /></a>  <a href="http://repello-moldum.forumactif.com"><img alt="partenaire" style="width:20px;" src="https://images2.imgbox.com/2c/97/Pa2Wn2W5_o.png" /></a>  <a href="http://repello-moldum.forumactif.com"><img alt="partenaire" style="width:20px;" src="https://images2.imgbox.com/2c/97/Pa2Wn2W5_o.png" /></a>  <a href="http://repello-moldum.forumactif.com"><img alt="partenaire" style="width:20px;" src="https://images2.imgbox.com/2c/97/Pa2Wn2W5_o.png" /></a>  <a href="http://repello-moldum.forumactif.com"><img alt="partenaire" style="width:20px;" src="https://images2.imgbox.com/2c/97/Pa2Wn2W5_o.png" /></a>  <br/> Si jamais tu as la moindre question concernant le fonctionnement du forum, son règlement.  (+++)             
                                                                            
      </td>
       
      <td>
                                      
         <div style="text-align:justify;margin-left:10px;height :110px ; vertical-align:top;">
                        <span style="font-family:abel;font-size:9px;font-weight:bold;text-transform:uppercase;text-align:center; border-bottom :2px dotted #C9CCD1 ;">ACTUS : </span>  ✎ 00/00/18 : Cette partie est primordiale pour une bonne compréhension du contexte dans lequel nous évoluons. <br/><br/>✎ 00/00/18 : Si jamais tu as la moindre question concernant le fonctionnement du forum.               
         </div>
                                      
      </td>
                                   
   </tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody>
</table><br /><br />

Voici le CSS associé pour le système d'onglets (J'ai par ailleurs utilisé le code de MlleAlys disponible dans ce sujet : https://forum.forumactif.com/t385533-systheme-d-onglets-dans-fiche-de-presentation) :

Spoiler:
Code:
.tableonglets span.ongletcont {
  display: none;
}
.tableonglets input {
  display: none;
}
.tableonglets input:checked + span.ongletcont {
  display: block;
}
.tableonglets span.ongletcont {
  width: 200px;
  height: 130px;
  padding: 5px;
  overflow: auto;
}
.tableonglets label.onglet {
  display: inline-block;
  width: 50px;
  margin: 0 2px;
  text-align: center;
  cursor: pointer;
}

Un immense merci à tous ceux qui tenteront de m'éclairer.
Très bonne soirée/journée ! Very Happy
avatar

Loü
***

Messages : 171
Inscrit(e) le : 28/01/2010

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

Re: Problème de codage de ma page d'accueil

Message par Chacha le Ven 29 Juin 2018 - 9:38

Bonjour,

Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 8 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement !

Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 56968
Inscrit(e) le : 21/08/2010

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

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


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