Message sur la page d'accueil

[Outis]

Bonjour,

- l'URL du forum : http://personofinterest.fra.co
- la version de votre forum : phpBB3
- votre statut sur le forum (fondateur, ou non) : co-admin
- votre ou vos navigateur(s) : FifeFox, Google Chrome

Depuis quelques mois (mi-décembre), en mettant à jour le message sur la page d'accueil, le code est déformé.
Il faut toujours prendre une version originale du code (dont j'ai une copie) pour que la présentation ne soit pas totalement déformé. C'est assez gênant dans la mesure où la mise à jour du message d'accueil est très fréquente.

J'ai essayé sur 2 autres forum et c'est pareil à chaque fois, le code est modifié; par exemple <br> devient <br />

- une capture d'écran du problème
On passe de ça (le menu de droite apparait quand on passe la souris):


à ça (la colonne de droite n'est plus masquée et les titres sont décalés)



Merci

[patriciadpt30]

Bonjour
je suis en PHPBB3 et je n'ai rien remarqué chez moi ? Il se peut que ce soit les techniciens de FdF qui essayes de régler le nouvel éditeur ? Attendez qu'un aide actif vienne vous aider . Courage .
Cordialement
Patricia

[Outis]

Pour la précision, cela n'affecte que la partie concernant la colonne de gauche.
A chaque fois, je ne remplace que cette partie du code.

Je ne sais pas si c'est lié, mais il me semble que ça coïncide avec une mise à jour de Forumactif durant cette période.

Merci   

[Outis]

UP   

[Alex' ♥]

Bonjour

J'ai regardé attentivement, mais je n'ai pas de problème avec celui là.
Avez-vous vider vos caches et cookies ?
Votre navigateur est-il à jour ? Dans votre cas c'est Mozilla Firefox 27.0.1.

Cordialement,
Alex'

[Neptunia]

Coucou ^^

J'ai essayé sur 2 autres forum et c'est pareil à chaque fois, le code est modifié; par exemple <br> devient <br />

Ca veut dire que l'éditeur HTML de Forumactif est au top et corrige tes erreurs de code.

La balise <br> est obsolète et ne devrait plus être utilisée.
<br> sur Mozilla Developer Network

Du coup si le rendu est anormal, il y a probablement d'autres erreurs. D'autres balises obsolètes par exemple ?

Un outil utile -> Validateur W3C

[Outis]

J'ai bien vidé le caches et cookies et je suis passée par IE pour l'occasion.

Du coup si le rendu est anormal, il y a probablement d'autres erreurs. D'autres balises obsolètes par exemple ?

Un outil utile -> Validateur W3C

Effectivement, je vois qu'il y a 5 erreurs.
Merci pour le tuyau   
La question étant peut-être de savoir pourquoi le code est accepté la première fois que je le colle mais en revisitant le PA, il se modifie. L'erreur devrait apparaitre la 1e fois déjà non ?  

Rien qu'en revisitant le code d'affichage de PA, j'ai ceci...

Code:

<table style="width: 100%;" border="0" cellpadding="1" cellspacing="1">
 
<tbody>
 
<tr>
 
<td>
 <h5>
 </h5>
 
<div id="menu">
 <dl style="text-align: center;"> <dt></dt><span style="color: rgb(255, 204, 0);"></span>Saisons <dd style="display: none;" ,="" id="smenu1"> </dd></dl>
 <ul style="text-align: center;">
 
<li>
 <a href="t94-saison-1">Saison 1</a>
 </li>
 
<li>
 <a href="t125-saison-2">Saison 2</a>
 </li>
 
<li>
 <a href="t712-saison-3">Saison 3</a>
 </li>
 
</ul><dl style="text-align: center;"><dd style="display: none;" ,="" id="smenu1"> </dd> </dl> <dl style="text-align: center;"> <dt></dt><a href="http://personofinterest.fra.co/t149-personnages"></a><span style="color: rgb(255, 204, 0);"></span>Personnages <dd style="display: none;"> </dd></dl>
 <ul style="text-align: center;">
 
<li>
 <a href="http://personofinterest.fra.co/t87-la-machine">La Machine</a>
 </li>
 
<li>
 <a href="http://personofinterest.fra.co/t92-jim-caviezel">John Reese</a>
 </li>
 
<li>
 <a href="http://personofinterest.fra.co/t85-michael-emerson">Harold Finch</a>
 </li>
 
<li>
 <a href="http://personofinterest.fra.co/t103-taraji-p-henson">Jocelyn Carter</a>
 </li>
 
<li>
 <a href="http://personofinterest.fra.co/t255-kevin-chapman">Lionel Fusco</a>
 </li>
 
<li>
 <a href="http://personofinterest.fra.co/t558-samantha-shaw">Samantha Shaw</a>
 </li>
 
<li>
 <a href="http://personofinterest.fra.co/t506-amy-acker-spoilers-avant-d-avoir-vu-une-partie-de-la-saison-2">Samantha "Root" Groves</a>
 </li>
 
</ul><dl style="text-align: center;"><dd style="display: none;"> </dd> </dl> <dl style="text-align: center;"> <dt></dt><span style="color: rgb(255, 204, 0);"></span>Autour de la série <dd style="display: none;"> </dd></dl>
 <ul style="text-align: center;">
 
<li>
 <a href="http://personofinterest.fra.co/f10-actualites">Actualités</a>
 </li>
 
<li>
 <a href="http://personofinterest.fra.co/t616-interviews">Interviews</a>
 </li>
 
<li>
 <a href="http://personofinterest.fra.co/t149-personnages">Personnages</a>
 </li>
 
<li>
 <a href="http://personofinterest.fra.co/t55-la-timeline-de-la-serie">Timeline</a>
 </li>
 
<li>
 <a href="http://personofinterest.fra.co/t517-traduction-des-blue-screen-spoilers-saison-2">Traduction des Blue Screen</a>
 </li>
 
</ul><dl style="text-align: center;"><dd style="display: none;"> </dd> </dl> <dl style="text-align: center;"> <dt></dt><span style="color: rgb(153, 204, 221);"></span>Options <dd id="smenu1" ,="" style="display: none;"> </dd></dl>
 <ul style="text-align: center;">
 
<li>
 <a href="http://personofinterest.fra.co/t47-regles-et-informations-du-forum">Règlement du forum</a>
 </li>
 <li>
 <a href="profile?mode=editprofile">Éditer votre profil</a>
 </li>
 
<li>
 <a href="profile?mode=editprofile&page_profil=signature">Éditer votre signature</a>
 </li>
 </ul><dl style="text-align: center;"><dd id="smenu1" ,="" style="display: none;"></dd></dl>
 </div>
 <h5 style="text-align: center;">
 </h5>
 <p style="text-align: center;">
 </p>
 <div style="text-align: center;">
 </div>
 
<h5 style="text-align: center;">
 
</h5>
 
<p style="text-align: center;">
 
</p>
 
<div style="text-align: center;">
 
</div>
 
<h5 style="text-align: center;">
 
</h5>
 
<p style="text-align: center;">
 
</p>
 
<div style="text-align: center;">
 
</div>
 
<h5 style="text-align: center;">
 
</h5>
 
<p style="text-align: center;">
 
</p>
 
<div style="text-align: center;">
 
</div>
 
</td>
 
<td>
 

au lieu de ça

Code:

<table style="width: 100%;" border="0" cellpadding="1" cellspacing="1">
 <tbody>
 <tr>
 <td>
<h5></h5>  
       <div id="menu">
  

       <dl style="text-align: center;">
        <dt><font color="#ffcc00">Saisons</font></dt>
        <dd style="display: none;" ,="" id="smenu1">
        <ul>
        <li><a href="t94-saison-1">Saison 1</a></li>
        <li><a href="t125-saison-2">Saison 2</a></li>
        <li><a href="t712-saison-3">Saison 3</a></li>
        </ul>
        </dd>  
       </dl>
        
       <dl style="text-align: center;">
        <dt><a href="http://personofinterest.fra.co/t149-personnages"><font color="#ffcc00">Personnages</font></a></dt>
        <dd style="display: none;">
        <ul>
        <li><a href="http://personofinterest.fra.co/t87-la-machine">La Machine</a></li>
        <li><a href="http://personofinterest.fra.co/t92-jim-caviezel">John Reese</a></li>
        <li><a href="http://personofinterest.fra.co/t85-michael-emerson">Harold Finch</a></li>
        <li><a href="http://personofinterest.fra.co/t103-taraji-p-henson">Jocelyn Carter</a></li>
        <li><a href="http://personofinterest.fra.co/t255-kevin-chapman">Lionel Fusco</a></li>
        <li><a href="http://personofinterest.fra.co/t558-samantha-shaw">Samantha Shaw</a></li>
        <li><a href="http://personofinterest.fra.co/t506-amy-acker-spoilers-avant-d-avoir-vu-une-partie-de-la-saison-2">Samantha "Root" Groves</a></li>
        </ul>
        </dd>
        </dl>
        
       <dl style="text-align: center;">
        <dt><font color="#ffcc00">Autour de la série</font></dt>
        <dd style="display: none;">
        <ul>
        <li><a href="http://personofinterest.fra.co/f10-actualites">Actualités</a></li>
        <li><a href="http://personofinterest.fra.co/t616-interviews">Interviews</a></li>
        <li><a href="http://personofinterest.fra.co/t149-personnages">Personnages</a></li>
        <li><a href="http://personofinterest.fra.co/t55-la-timeline-de-la-serie">Timeline</a></li>
        <li><a href="http://personofinterest.fra.co/t517-traduction-des-blue-screen-spoilers-saison-2">Traduction des Blue Screen</a></li>
        </ul>
        </dd>  

       </dl>

        <dl style="text-align: center;">      
       <dt><font color="#99ccdd">Options</font></dt>
        <dd id="smenu1" ,="" style="display: none;">
        <ul>
        <li><a href="http://personofinterest.fra.co/t47-regles-et-informations-du-forum">Règlement du forum</a></li>
<li><a href="profile?mode=editprofile">Éditer votre profil</a></li>
        <li><a href="profile?mode=editprofile&amp;page_profil=signature">Éditer votre signature</a></li>
</ul></dd></dl></div><h5 style="text-align: center;"></h5><p style="text-align: center;"></p><div style="text-align: center;"></div>

 <h5 style="text-align: center;">
 </h5>
 <p style="text-align: center;">
 </p>
 <div style="text-align: center;">
 </div>
 <h5 style="text-align: center;">
 </h5>
 <p style="text-align: center;">
 </p>
 <div style="text-align: center;">
 </div>
 <h5 style="text-align: center;">
 </h5>
 <p style="text-align: center;">
 </p>
 <div style="text-align: center;">
 </div>
 </td>
 <td>

[Scoubifitz]

bonjour,

à l'édition , les balises <dl><dt><dd> sont considérées comme étant de type "inline" par l'éditeur , alors que ces balises sont de type block (validé par tous les navigateurs).

cf : liste des éléments html

ce code test est mis sur une seule ligne à l'édition .

Code:

<dl>
   <dt>html</dt>
      <dd>» langage utilisé pour affiché du contenu sur le web</dd>
   <dt>balise</dt>
      <dd>» élément présentant certaines fonctionnalités</dd>
   <dt>attribut</dt>
      <dd>» élément spécifique à une balise pouvant prendre certaines valeurs</dd>
</dl>

L'éditeur considère donc que les balises sont de type inline ,
et supprimera toute balise de type block à l'intérieur de balises de type inline.

en clair , pour votre code , les balises <ul> sont considérés de type block (ce qui est exact) et sont supprimés parce qu'ils sont dans une balise <dd> considéré de type inline (ce qui est faux)

Ce bug est à transmettre aux dévactifs pour correction .

---

édit du 24.02.2014 à 01:37:43

la balise "font" est obsolète ...

pour votre bout de code remplacez le contenu de la cellule de votre tableau par ceci :
(j'ai rajouté des commentaires pour garder un retour à la ligne)

Code:

<div id="menu">

<!-- block1 --><dl>
<!-- titre --><dt style="color:#ffcc00">Saisons</dt>
<!-- contenu --><dd style="display: none;" id="smenu1">
<!-- texte --><span><a href="t94-saison-1">Saison 1</a></span>
<!-- texte --><span><a href="t125-saison-2">Saison 2</a></span>
<!-- texte --><span><a href="t712-saison-3">Saison 3</a></span>
<!-- fin --></dd></dl>
<!-- block1 --><dl>
<!-- titre --><dt style="color:#ffcc00"><a href="http://personofinterest.fra.co/t149-">Personnages</a></dt>
<!-- contenu --><dd style="display: none;">
<!-- texte --><span><a href="http://personofinterest.fra.co/t87-">La Machine</a></span>
<!-- texte --><span><a href="http://personofinterest.fra.co/t92-">John Reese</a></span>
<!-- texte --><span><a href="http://personofinterest.fra.co/t85-">Harold Finch</a></span>
<!-- texte --><span><a href="http://personofinterest.fra.co/t103-">Jocelyn Carter</a></span>
<!-- texte --><span><a href="http://personofinterest.fra.co/t255-">Lionel Fusco</a></span>
<!-- texte --><span><a href="http://personofinterest.fra.co/t558-">Samantha Shaw</a></span>
<!-- texte --><span><a href="http://personofinterest.fra.co/t506-">Samantha "Root" Groves</a></span>
<!-- fin --></dd></dl>
<!-- block1 --><dl>
<!-- titre --><dt style="color:#ffcc00">Autour de la série</dt>
<!-- contenu --><dd style="display: none;">
<!-- texte --><span><a href="http://personofinterest.fra.co/f10-">Actualités</a></span>
<!-- texte --><span><a href="http://personofinterest.fra.co/t616-">Interviews</a></span>
<!-- texte --><span><a href="http://personofinterest.fra.co/t149-">Personnages</a></span>
<!-- texte --><span><a href="http://personofinterest.fra.co/t55-">Timeline</a></span>
<!-- texte --><span><a href="http://personofinterest.fra.co/t517-">Traduction des Blue Screen</a></span>
<!-- fin --></dd></dl>
<!-- block1 --><dl>      
<!-- titre --><dt style="color:#99ccdd">Options</dt>
<!-- contenu --><dd style="display: none;">
<!-- texte --><span><a href="http://personofinterest.fra.co/t47-">Règlement du forum</a></span>
<!-- texte --><span><a href="profile?mode=editprofile">Éditer votre profil</a></span>
<!-- texte --><span><a href="profile?mode=editprofile&amp;page_profil=signature">Éditer votre signature</a></span>
<!-- fin --></dd></dl>

</div>

et remplacez le CSS qui l'accompagne :

Code:

/*Menu deroulant*/

#menu dl {
width: 200px;
margin: 1px;
padding: 0;}

#menu dt {
cursor: pointer;
height: 30px;
line-height: 30px;
text-align: center;
font-weight: bold;
border: 1px solid black; /*Bordure du menu*/
background: #303030; /*Fond du menu*/}

#menu dd {
border: 1px solid #202020; /*Bordure du sous-menu*/
margin: 0;
padding: 0;}

#menu span {
text-align: center;
display: block;
background: #404040; /*Fond du sous-menu (mouseoff)*/}

#menu span a, #menu dt a {
color: #ffcc00; /*Titre du sous-menu*/
text-decoration: none;
display: block;}

#menu span a:hover, #menu dt a:hover {
background: #606060; /*Fond du sous-menu (mouseover)*/}

je n'ai pas fait de modification dans le script qui doit ouvrir le menu .

[Outis]

Merci pour la réponse, je vais voir ce que ça donne.

Edit : Merci, ça a marché