Apparition non voulue de balises HTML

[Tagadaz]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://endorah-rpg.forumactif.com/

Description du problème

Bonjour, je viens suite à un problème incompréhensible lors de la réalisation d'une page d'accueil pour mon forum.
Le problème est le suivant : Comme le dit le titre, lors de la validation de ma page d'accueil, une fois que je retourne sur celle-ci, des balises apparaissent de je ne sais ou, et, de ce fait, déforme complètement le code que j'ai réalisé ...
La page d'accueil devrait avoir cette allure ci:

Spoiler:

Et le code lié à cette page d'accueil est le suivant :

Spoiler:

Mais, comme je viens de le dire, une fois que je valide ma page, et qu'elle est donc visible par les membres, une fois que je retourne la modifiée (Présente dans Page d'accueil>Généralités), l'allure du code change complètement, et ressemble à ceci :

Spoiler:

Et le code, se retrouve celui-ci :

Spoiler:

Fondamentalement, c'est le même. Mais, comme vous pouvez le constater, des balises "fieldsets" ainsi que des "td/tr" s'ajoutent sans raison, et je ne comprends pas pourquoi.

Merci d'avance pour votre aide à la résolution de ce problème.

[Ombeline30]

Coucou

Je poste ici car récemment j'ai rencontré des problèmes similaires PIRE mes codes sautaient carrément et quand j'allais dans mes templates plus aucune trace de mes codes suite justement à une simple modif qui n'avait pas lieu de toucher à la structure du code et pourtant soit ça beuguait comme chez toi ou alors les codes s'effaçaient carrément du template alors ce que j'ai essayé dans un premier temps et qui fonctionnait c'était de vider mon cache à chaque fois et pour le moment le souci semble réglé, as-tu essayé de le faire après une modif ?

Belle journée,

Ombeline.

[Tagadaz]

Hello,
non je n'avais pas essayé, mais en lisant ton message, j'ai tenté directement, et le résultat est le même, le code se modifie tout seul.
Merci de l'astuce, mais non fonctionnel chez moi xD

[Ombeline30]

Ah zut désolée Tagadaz alors en effet il y aurait une partie de ton HTML qui ferait beuguer le tout au rafraîchissement j'espère que quelqu'un pourra vite t'aider

[Hadhellia]

Coucou !
J'ai une petite solution de secours à ton problème : l'idée est de créer une page HTML et d'ajouter ensuite ta PA sous iframe.

Sais-tu comment faire pour créer une page HTML ?

Si ce n'est pas le cas, je pourrais toujours te l'expliquer.
En tout cas voici comment on fait une iframe (pour commencer haha)

Code:

<iframe style="width:800px; height:500px;" frameborder="none" scrolling="no" src="LIEN DE LA PAGE HTML"></iframe>

Pour les tailles, j'ai mis des valeurs au pif. Il te faudra adapter en fonction de ta page d'accueil

[Tagadaz]

Hello,
oui je sais comment crée une page HTML :p Concernant ta solution, si je comprends bien je mets ton iframe la ou j'aurais normalement mis ma page d'accueil, et ensuite j'y insère le lien de la page HTML contenant ma PA? Si c'est bien le cas, j'ai fais ainsi, mais la ça ne m'affiche que le haut de mon forum, comment faire pour centrer sur la page d'accueil uniquement?

Spoiler:

De plus, je ne connais pas l'iframe, qu'est-ce que c'est exactement? (Enfin en quelques mots, histoire de comprendre le fonctionnement global)
En tout cas, à première vue même si je ne comprends pas, dans l'idée, ça a l'air de fonctionner ! Une fois que je l'aurais en main, je pense que le problème sera résolu.

[Hadhellia]

Alors alors :3
Je vais t'expliquer tout ça en détail du coup.

Pour commencer, rends-toi dans ton panneau d'administration. Fais alors le chemin suivant : Modules > HTML & Javascript > Gestion des pages HTML

Arrivée là, tu vas créer une nouvelle page HTML en mode avancé. Ensuite, tu donnes un titre à ta page HTML puis tu laisses les éléments où il faut choisir oui ou non tels quels. Maintenant, nous allons nous intéresser à la partie "Contenu de la page".

Commence par supprimer la balise BR présente par défaut. Ensuite, tu pourras commencer par ajouter ceci

Code:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Titre de la page</title>
    <style>
    </style>
  </head>

  <body>
    Le code HTML
  </body>
</html>

Je vais te détailler tout cela, comme tu a l'air de vouloir comprendre et apprendre

- La balise DOCTYPE indique qu'il s'agit d'une page développée en HTML5
- Les balises html délimitent le document HTML.
- Les balises head constituent l'en-tête du document.
Entre ces balises, on peut trouver :
• Le texte affiché dans la barre de titre du navigateur entre les balises title
• Le jeu de caractère utilisé dans la page (celui qui permet d'afficher les accents) qui sera la balise meta
• Le CSS de la page entre les balises style
- Les balise body délimitent ce qui sera affiché sur la page. On pourra donc y trouver le code HTML

C'est donc entre les balises body que tu placeras le code HTML et entre les balises style que tu placeras le code CSS de ta page d'accueil !

Ensuite, quand tout cela sera terminé, tu pourras valider ta page HTML.

Finalement, le panneau d'administration te redirigera à la gestion de tes pages HTML. De là, tu auras un tableau avec le nom de ta page HTML. Dans la colonne "Action" qui se trouve à droite, il y a une icône qui ressemble à un oeil. Clique sur celle-ci pour afficher ta page. Ainsi, tu copies/colleras le lien de ta page HTML dans ton iframe.

Code:

<iframe style="width:800px; height:500px;" frameborder="none" scrolling="no" src="LIEN DE LA PAGE HTML"></iframe>

Tu colleras ce code dans Affichage > Page d'accueil > Généralités et tu adapteras les tailles à celles de ta page d'accueil. Il faudra donc sûrement les augmenter

Pour la centrer, tu peux ajouter ou des balises center, ou la propriété CSS margin:auto; !

Sinon, une iframe est une balise qui permet d'afficher une page de site sur une autre page de site. Elles sont donc différentes, mais affichées au même endroit. A noter que les propriétés CSS de la page dans laquelle l'iframe est affichée ne modifierons pas celles de l'iframe

Est-ce que c'est clair ou tu as des questions ?

[Tagadaz]

D'accord merci bien ! Ma question cependant, était la suivante :
Ma Page d'accueil est déjà crée dans une page HTML, que je peux modifier avec la fonction avancée (ça évite qu'elle ne soit déformée comme ça)
mais quand j'utilise la balise que tu m'as montré, le iframe, commence par m'afficher le haut du forum (bannière, barre de navigation, etc ...) et après arrive seulement au niveau de la page d'accueil (Comme le montre le screen du post précédent)
Donc, comment faire pour que, l'iframe m'affiche directement la page d'accueil, sachant qu'en changeant le width et height, ça augmente l'ensemble visible, et non pas uniquement la page d'accueil.. (Je ne sais pas si je me fais bien comprendre)

Après, je pense (sans offense pour toi bien sur, ne le prends pas mal ! Et puis, je peux me trompé) que c'est une solution de secours, un peu du "bidouillage", je ne sais pas si il y aurait une solution "générique" de ce fait?

[Hadhellia]

Ah pardon j'ai mal lu, c'est ma faute x) (j'ai du mal ces jours-ci)

Sinon je vois d'où vient ton problème. A mon avis, dans Voulez-vous utiliser le haut et le bas de page de votre forum ? tu as dû cocher "Oui". Or, il faut cocher non pour que le haut et le bas du forum ne soient pas affichés
Normalement, à partir de là ce sera bon.

En effet c'est un peu du bidouillage, mais ça peut être très utile en cas de problème, voire même pour les fiches de pub que tu peux actualiser depuis ton panneau d'administration au lieu de la reposter chez tous tes partenaires

Moi par exemple, je l'utilise aussi pour afficher les partenaires en bas de mon forum pour éviter que les autres modérateurs et administrateurs moins à l'aise avec le codage aient plus de faciliter à ajouter ou supprimer des éléments

Et ne t'inquiètes pas, je ne suis pas offensée, j'assume pleinement mon statut de bidouilleuse !

[Tagadaz]

En effet, maintenant je peux l'ajuster comme je veux, le bidouillage fonctionne xD
Je vais quand même attendre de voir si quelqu'un à une solution plus propre pour moi, il doit y avoir un problème venant de mon code ou je ne sais pas xD
En tout cas, merci pour ton aide !

EDIT : Alors oui mais en fait non, il doit bien y avoir un problème quelque part, je viens de me rendre compte, en cliquant sur un lien dans ma page d'accueil affichée avec le iframe, le lien ne me redirige pas vers la page directement, il l'ouvre à la place de la page d'accueil...

Spoiler:

[Hadhellia]

Je t'en prie, du moment que ça te dépanne c'est le plus important, mais je comprends le désir de propreté ! (moi aussi je suis un peu maniaque mais bon xD)

[Hadhellia]

Pour tes liens dans ta page d'accueil, il faudra rajouter ceci

Code:

target="_blank"

Ainsi, le code de tes liens donnera ceci

Code:

<a href="#" target="_blank">Lien</a>

Voilà !

[Tagadaz]

En effet, avec ça, le lien fonctionne correctement, merci bien ! J'attends donc, si quelqu'un a, une solution plus propre que celle-ci, bien qu'elle me dépanne énormément en attendant ! Merci beaucoup

[Tagadaz]

Je fais un up du sujet pour dire que le sujet est clos, l'astuce qui m'a été fourni fonctionnant parfaitement au final !