Message sur la page d'accueil

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

Résolu Message sur la page d'accueil

Message par Outis le Mer 19 Fév 2014 - 23:09

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


Dernière édition par Outis le Mer 26 Fév 2014 - 22:37, édité 1 fois

Outis
*****

Messages : 554
Inscrit(e) le : 28/07/2012

http://personofinterest.fra.co
Outis a été remercié(e) par l'auteur de ce sujet.

L'auteur de ce message est actuellement banni du forum - Voir le message

Résolu Re: Message sur la page d'accueil

Message par Outis le Jeu 20 Fév 2014 - 12:52

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  Wink 

Outis
*****

Messages : 554
Inscrit(e) le : 28/07/2012

http://personofinterest.fra.co
Outis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message sur la page d'accueil

Message par Outis le Sam 22 Fév 2014 - 0:42

UP  tongue 

Outis
*****

Messages : 554
Inscrit(e) le : 28/07/2012

http://personofinterest.fra.co
Outis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message sur la page d'accueil

Message par Alex' ♥ le Sam 22 Fév 2014 - 11:17

Bonjour Smile

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'

Alex' ♥
*

Masculin
Messages : 40
Inscrit(e) le : 21/02/2014

http://forum.sosblog.fr
Alex' ♥ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message sur la page d'accueil

Message par Neptunia le Sam 22 Fév 2014 - 13:14

Coucou ^^

@Outis a écrit: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.
Right <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

Neptunia
+ Hyperactif +

Féminin
Messages : 10973
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message sur la page d'accueil

Message par Outis le Dim 23 Fév 2014 - 7:59

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  Wink 
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 ? scratch 

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>

Outis
*****

Messages : 554
Inscrit(e) le : 28/07/2012

http://personofinterest.fra.co
Outis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message sur la page d'accueil

Message par Scoubifitz le Dim 23 Fév 2014 - 14:31

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 .

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message sur la page d'accueil

Message par Outis le Lun 24 Fév 2014 - 16:52

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

Edit : Merci, ça a marché  Very Happy 

Outis
*****

Messages : 554
Inscrit(e) le : 28/07/2012

http://personofinterest.fra.co
Outis 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