Bug au niveau d'un code

Mar 12 Avr - 20:23
Bonsoir à vous,
J'ai finalement trouvé mon bonheur pour la Page d'accueil dans votre libre service.
Néanmoins en l'installant, je me retrouve avec un problème gênant :
www.

Je précise que j'ai touché au CSS uniquement au niveau des couleurs rien de plus.
Et ce bug apparaît dès que je fais la moindre modification dans le HTML (ajout d'un lien, du contexte, d'une image, ...)

Et je n'ai aucune idée d'où provient le bug ._.
Je vous joint donc le code HTML et CSS correspondant à la page d'accueil :
Code:
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/COOC_PA.css" rel="stylesheet" type="text/css" />
<!--    PAGE D'ACCUEIL    -->
<div class="COOC">
      
   <!--    LIENS & TOP-SITES    --> 
   <div class="boxCOOC">
         
      <!--    LIENS - 10 MAXIMUM    --> 
      <div class="lksCOOC">
           <span>Liens</span> 
         <!--    CONTENU LIENS    --><a href="" target="_blank">Règlement</a> 
         <!--    II    --><a href="" target="_blank">Contexte</a> 
         <!--    III    --><a href="" target="_blank">Crédits</a> 
         <!--    IV    --><a href="" target="_blank">Partenariats</a> 
         <!--    V    --><a href="" target="_blank">Groupes</a> 
         <!--    VI    --><a href="" target="_blank">Guides</a> 
         <!--    VII    --><a href="" target="_blank">Bottins</a> 
         <!--    VIII    --><a href="" target="_blank">Registre</a> 
         <!--    IX    --><a href="" target="_blank">Prédéfinis</a> 
         <!--    X    --><a href="" target="_blank">Questions</a> 
      </div>
         
      <!--    3 TOP-SITES EN 35*35    --> 
      <div class="topCOOC">
           <span>Top-sites</span> 
         <!--    I    --><a href="" target="_blank"><img src="http://www.aht.li/2801685/3535.png" /></a> 
         <!--    II    --><a href="" target="_blank"><img src="http://www.aht.li/2801685/3535.png" /></a> 
         <!--    III    --><a href="" target="_blank"><img src="http://www.aht.li/2801685/3535.png" /></a> 
      </div>
         
   </div>
      
   <div class="boxCOOC">
         
      <!--    CONTEXTE & NOUVELLES    --> 
      <div class="boxCOOC">
            
         <!--    MESSAGE DE BIENVENUE    --> 
         <div class="welcCOOC">
              Bienvenue sur <strong><em>Alone Together</em></strong> ! 
         </div>
            
         <!--    CONTEXTE    --> 
         <div class="ctxtCOOC">
               
            <!--    IMAGE 405*150    --><img src="http://i.imgur.com/4tdzTC3.png" /> 
            <!--    CONTENU CONTEXTE    --> 
            <p>
                 "-Vous êtes bien sûrs de vouloir faire cela ?<br /> -Oui, nous avons travaillés sur ce projet pendant trop longtemps, nous ne pouvons pas reculer maintenant.<br /> -Et nous sommes en train de perdre du temps à parler inutilement.<br /> -Vous êtes conscient que nous allons mourir nous aussi ?<br /> -Parfaitement.<br /> -Dans ce cas, nous lancerons notre opération ce soir." <br /><br />  Les protagonistes se levèrent et sortirent de la salle, avec une grande précaution, ils entrèrent dans un laboratoire, ensemble ils prirent un container qu'ils ouvrirent et déversèrent dans les égouts.  Le virus était maintenant libre et dans quelques jours, l'humanité en ressentirait les effets. <a href="http://alonetogether.forumactif.org/t2-02-contexte">Lire la suite ...</a> 
            </p>
               
         </div>
            
         <!--    NOUVELLES    --> 
         <div class="newsCOOC">
              ■ le 00/00/00 : Ouverture du forum !<br />■ le 00/00/00 : ...<br />■ le 00/00/00 : ... 
         </div>
            
      </div>
         
      <div class="boxCOOC">
            
         <!--    STAFF - IMAGES EN 85*85    --> 
         <div class="staffCOOC">
              <span>Staff</span> 
            <!--    I    --> 
            <div>
                  
               <!--    IMAGE I    --><img src="http://i.imgur.com/CbBGchv.png" /> 
               <!--    CONTENU I    --> 
               <p>
                    The Storyteller<br /><span style="color:crimson;">Disponibilité</span><br /><a href="" target="_blank">MP</a> ■ <a href="" target="_blank">Profil</a> 
               </p>
                  
            </div>
               
            <!--    II    --> 
            <div>
                  
               <!--    IMAGE II    --><img src="http://www.aht.li/2703953/8585.png" /> 
               <!--    CONTENU II    --> 
               <p>
                    Pseudonyme<br /><span style="color:forestgreen;">Disponibilité</span><br /><a href="" target="_blank">MP</a> ■ <a href="" target="_blank">Profil</a> 
               </p>
                  
            </div>
               
            <!--    III    --> 
            <div>
                  
               <!--    IMAGE III    --><img src="http://www.aht.li/2703953/8585.png" /> 
               <!--    CONTENU III    --> 
               <p>
                    Pseudonyme<br /><span style="color:forestgreen;">Disponibilité</span><br /><a href="" target="_blank">MP</a> ■ <a href="" target="_blank">Profil</a> 
               </p>
                  
            </div><br /> 
            <!--    IV    --> 
            <div>
                  
               <!--    IMAGE IV    --><img src="http://www.aht.li/2703953/8585.png" /> 
               <!--    CONTENU IV    --> 
               <p>
                    Pseudonyme<br /><span style="color:forestgreen;">Disponibilité</span><br /><a href="" target="_blank">MP</a> ■ <a href="" target="_blank">Profil</a> 
               </p>
                  
            </div>
               
            <!--    V    --> 
            <div>
                  
               <!--    IMAGE V    --><img src="http://www.aht.li/2703953/8585.png" /> 
               <!--    CONTENU V    --> 
               <p>
                    Pseudonyme<br /><span style="color:forestgreen;">Disponibilité</span><br /><a href="" target="_blank">MP</a> ■ <a href="" target="_blank">Profil</a> 
               </p>
                  
            </div>
               
            <!--    VI    --> 
            <div>
                  
               <!--    IMAGE VI    --><img src="http://www.aht.li/2703953/8585.png" /> 
               <!--    CONTENU VI    --> 
               <p>
                    Pseudonyme<br /><span style="color:forestgreen;">Disponibilité</span><br /><a href="" target="_blank">MP</a> ■ <a href="" target="_blank">Profil</a> 
               </p>
                  
            </div>
               
         </div>
            
         <!--    MEMBRE DU MOIS & COUP DE COEUR    --> 
         <div class="mdcCOOC">
               
            <!--    MEMBRE DU MOIS    --> 
            <div class="mdmCOOC">
                  
               <!--    IMAGE 150*35    --><img src="http://www.aht.li/2857943/15035.png" /> 
               <!--    LIEN VERS PROFIL MEMBRE DU MOIS    --> 
               <p>
                    <a href="" target="_blank">Pseudonyme</a> 
               </p>
                  
            </div>
               
            <!--    COUP DE COEUR - IMAGE EN 150*35    --> 
            <div class="cdcCOOC">
                 <a href="" target="_blank"><img src="http://www.aht.li/2857943/15035.png" /></a> 
            </div>
               
         </div>
            
      </div>
         
      <!--    TITRE PARTENAIRES    --> 
      <div class="tleCOOC">
           Partenaires 
      </div>
         
      <!--    13 PARTENAIRES EN 50*50    --> 
      <div class="partCOOC">
            
         <!--    I    --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a> 
         <!--    II    --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a> 
         <!--    III    --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a> 
         <!--    IV    --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a> 
         <!--    V    --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a> 
         <!--    VI    --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a> 
         <!--    VII    --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a> 
         <!--    VIII    --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a> 
         <!--    IX    --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a> 
         <!--    X    --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a> 
         <!--    XI    --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a> 
         <!--    XII    --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a> 
      </div>
         
   </div>
</div>
Code:
/* PAGE D'ACCUEIL */
/* BLOC LIENS */
.lksCOOC {
border-color:#c3c3c3 !important; background:#1B1B1B !important;
}
/* TITRE BLOC LIENS */
.lksCOOC span{
color:#548b78 !important;
}
/* LIEN BLOC LIENS */
.lksCOOC a{
color:#efefef !important;
}
/* BLOC TOP-SITES */
.topCOOC {
border-color:#c3c3c3 !important; background:#1B1B1B !important;
}
/* TITRE TOP-SITES */
.topCOOC span{
color:#548b78 !important;
}
/* MESSAGE DE BIENVENUE */
.welcCOOC {
background:#1B1B1B !important; color:white !important;
}
/* BLOC CONTEXTE */
.ctxtCOOC {
border-color:white !important;
}
/* CONTENU CONTEXTE */
.ctxtCOOC p{
background:rgba(0,0,0,0.8) !important; color:white !important;
}
/* BLOC NOUVELLES */
.newsCOOC {
border-color:white !important; color:black !important;
}
/* BLOC STAFF */
.staffCOOC {
border-color:white !important;
}
/* TITRE STAFF */
.staffCOOC span{
color:#548b78 !important;
}
/* CONTENU STAFF */
.staffCOOC div p{
background:rgba(0,0,0,0.8) !important; color:white !important;
}
/* LIENS CONTENU STAFF */
.staffCOOC div p a{
color:#ccc !important;
}
/* BLOC MEMBRE DU MOIS */
.mdmCOOC {
border-color:white !important;
}
/* CONTENU MEMBRE DU MOIS */
.mdmCOOC p {
background:rgba(0,0,0,0.8) !important;
}
/* LIEN CONTENU MEMBRE DU MOIS */
.mdmCOOC p a{
color:white !important;
}
/* COUP DE COEUR */
.cdcCOOC {
border-color:white !important;
}
/* TITRE PARTENAIRES */
.tleCOOC {
background:#1B1B1B !important; color:#548b78 !important;
}
/* BLOC PARTENAIRES */
.partCOOC {
border-color:white !important;
}

Si vous pouviez m'aider quant à la "réparation" du code je vous serai très reconnaissante.

En vous remerciant par avance et en vous transmettant mes amitiés.
Alone Together.
Revenir en haut Aller en bas
Mar 12 Avr - 21:04
Bonsoir,

Tel que décrit dans la notice :

I. Copier/coller le code initial dans un sujet dédié de sa partie administration
II. Modifier le code à partir du logiciel de sa préférence
III. Actualiser le code du sujet dédié
IV. Remplacer l'intégralité du code dans la partie correspondante du panneau d'administration
∟ Affichage > Page d'accueil > Généralités
∞ Répéter les étapes II à IV à chaque modification


Revenir en haut Aller en bas
Mar 12 Avr - 21:36
Bonsoir,
merci pour votre réponse rapide.
J'ai beau suivre vos instructions, le problème persiste encore et toujours.
J'ai utilisé notepad ++ pour modifier le code, je l'ai ensuite ajouté là où il faut mais j'ai le même problème.
J'ai donc décidé d'essayer via une iframe mais là encore j'ai le même problème.

Je ne vois pas trop comment faire pour que les cases liens et top sites restent à leur place :/

Je suis vraiment navrée de vous embêter pour si peu et d'abuser de votre temps pour une chose si peu importante.
Revenir en haut Aller en bas
Mar 12 Avr - 22:26
Si vous employez le code précédemment présenté, la persistance du décalage est normale.

Si votre code est exempt d'espacements & autres retours à la ligne et que la largeur de votre forum est correctement établie à un minimum de 900px, l'adresse de votre forum sera nécessaire - sous hide au besoin.
Revenir en haut Aller en bas
Mer 13 Avr - 6:56
Voici donc le lien de mon forum :



En vous remerciant pour votre aide.
Revenir en haut Aller en bas
Mer 13 Avr - 19:33
Votre forum étant en maintenance il m'est impossible de l'étudier et les identifiants fournis sont malheureusement incorrects.
Revenir en haut Aller en bas
Mer 13 Avr - 19:54
Toutes mes excuses je vous ai donné l'ancien mot de passe voici le nouveau :
Revenir en haut Aller en bas
Jeu 14 Avr - 6:04
Code à enregistrer / modifier / actualiser :
Code:
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/COOC_PA.css" rel="stylesheet" type="text/css"><!-- PAGE D'ACCUEIL --><div class="COOC"><!-- LIENS & TOP-SITES --><div class="boxCOOC"><!-- LIENS - 10 MAXIMUM --><div class="lksCOOC"><span>Liens</span><!-- CONTENU LIENS --><a href="" target="_blank">Règlement</a><!-- II --><a href="" target="_blank">Contexte</a><!-- III --><a href="" target="_blank">Crédits</a><!-- IV --><a href="" target="_blank">Guide</a><!-- V --><a href="" target="_blank">Groupes</a><!-- VI --><a href="" target="_blank">Registres</a><!-- VII --><a href="" target="_blank">Questions</a><!-- VIII --><a href="" target="_blank">Prédéfinis</a><!-- IX --><a href="" target="_blank">Partenariat</a><!-- X --><a href="" target="_blank">Lien</a></div><!-- 3 TOP-SITES EN 35*35 --><div class="topCOOC"><span>Top-sites</span><!-- I --><a href="" target="_blank"><img src="http://www.aht.li/2801685/3535.png" /></a><!-- II --><a href="" target="_blank"><img src="http://www.aht.li/2801685/3535.png" /></a><!-- III --><a href="" target="_blank"><img src="http://www.aht.li/2801685/3535.png" /></a></div></div><div class="boxCOOC"><!-- CONTEXTE & NOUVELLES --><div class="boxCOOC"><!-- MESSAGE DE BIENVENUE --><div class="welcCOOC">Message de bienvenue</div><!-- CONTEXTE --><div class="ctxtCOOC"><!-- IMAGE 405*150 --><img src="http://i.imgur.com/4tdzTC3.png" /><!-- CONTENU CONTEXTE --><p>" - Vous êtes bien sûrs de vouloir faire cela ?<br />- Oui, nous avons travaillé sur ce projet pendant trop longtemps, nous ne pouvons pas reculer maintenant.<br />- Et nous sommes en train de perdre du temps à parler inutilement.<br />- Vous êtes conscient que nous allons mourir nous aussi ?<br />- Parfaitement.<br />- Dans ce cas, nous lancerons notre opération ce soir. "<br /><br />Les protagonistes se levèrent et sortirent de la salle, avec une grande précaution, ils entrèrent dans un laboratoire, ensemble ils prirent un container qu'ils ouvrirent et déversèrent dans les égouts. Le virus était maintenant libre et, dans quelques jours, l'humanité en ressentirait les effets. <a href="http://alonetogether.forumactif.org/t2-02-contexte">Lire la suite ...</a></p></div><!-- NOUVELLES --><div class="newsCOOC">■ le 00/00/00 : Ouverture du forum<br/>■ le 00/00/00 : ...<br/>■ le 00/00/00 : ...</div></div><div class="boxCOOC"><!-- STAFF - IMAGES EN 85*85 --><div class="staffCOOC"><span>Staff</span><!-- I --><div><!-- IMAGE I --><img src="http://i.imgur.com/CbBGchv.png" /><!-- CONTENU I --><p>Le Narrateur<br/><font style="color:crimson;">Disponibilité</font><br/><a href="" target="_blank">MP</a> ■ <a href="" target="_blank">Profil</a></p></div><!-- II --><div><!-- IMAGE II --><img src="http://www.aht.li/2703953/8585.png" /><!-- CONTENU II --><p>Pseudonyme<br/><font style="color:forestgreen;">Disponibilité</font><br/><a href="" target="_blank">MP</a> ■ <a href="" target="_blank">Profil</a></p></div><!-- III --><div><!-- IMAGE III --><img src="http://www.aht.li/2703953/8585.png" /><!-- CONTENU III --><p>Pseudonyme<br/><font style="color:forestgreen;">Disponibilité</font><br/><a href="" target="_blank">MP</a> ■ <a href="" target="_blank">Profil</a></p></div><br/><!-- IV --><div><!-- IMAGE IV --><img src="http://www.aht.li/2703953/8585.png" /><!-- CONTENU IV --><p>Pseudonyme<br/><font style="color:forestgreen;">Disponibilité</font><br/><a href="" target="_blank">MP</a> ■ <a href="" target="_blank">Profil</a></p></div><!-- V --><div><!-- IMAGE V --><img src="http://www.aht.li/2703953/8585.png" /><!-- CONTENU V --><p>Pseudonyme<br/><font style="color:forestgreen;">Disponibilité</font><br/><a href="" target="_blank">MP</a> ■ <a href="" target="_blank">Profil</a></p></div><!-- VI --><div><!-- IMAGE VI --><img src="http://www.aht.li/2703953/8585.png" /><!-- CONTENU VI --><p>Pseudonyme<br/><font style="color:forestgreen;">Disponibilité</font><br/><a href="" target="_blank">MP</a> ■ <a href="" target="_blank">Profil</a></p></div></div><!-- MEMBRE DU MOIS & COUP DE COEUR --><div class="mdcCOOC"><!-- MEMBRE DU MOIS --><div class="mdmCOOC"><!-- IMAGE 150*35 --><img src="http://www.aht.li/2857943/15035.png" /><!-- LIEN VERS PROFIL MEMBRE DU MOIS --><p><a href="" target="_blank">Pseudonyme</a></p></div><!-- COUP DE COEUR - IMAGE EN 150*35 --><div class="cdcCOOC"><a href="" target="_blank"><img src="http://www.aht.li/2857943/15035.png" /></a></div></div></div><!-- TITRE PARTENAIRES --><div class="tleCOOC">Partenaires</div><!-- 13 PARTENAIRES EN 50*50 --><div class="partCOOC"><!-- I --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- II --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- III --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- IV --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- V --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- VI --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- VII --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- VIII --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- IX --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- X --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- XI --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- XII --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a><!-- XII --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a></div></div></div>
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum