CSS Grid - Code HTML de page d'accueil cassé

2 participants

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

Résolu CSS Grid - Code HTML de page d'accueil cassé

Message par Kelari Mer 10 Avr 2019 - 22:15

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://novocaine.forumactif.com/

Description du problème

Bonjour à toutes et tous,

J'ai souhaité utiliser les propriétés de la grid de CSS3 pour concevoir ma page d'accueil et la publier sur mon forum de test. Je rencontre cependant un problème une fois le code enregistré sur la plateforme - il se casse après validation, ce qui provoque la fermeture des balises <section> immédiatement après leur ouverture et le déplacement de leur contenu bien en dessous, comme vous pouvez le voir sur les codes suivants :

Code HTML initial correct:

Code HTML après validation cassé:

Et le CSS associé à la grid :

CSS:

Cela ne pose pas de problème dans l'immédiat car la page se publie correctement, avec le code initial. En revanche dès l'instant où quelqu'un d'autre ou moi-même souhaite apporter une modification à la page d'accueil directement sur la plateforme, il ne peut pas le faire sans corriger tout le code à la main ou bien enregistrer la version faussée (ce qui en apparence provoque le déplacement du contenu de la grille en dessous de celle-ci comme expliqué plus haut).

Bien que ce ne soit pas fondamentalement un souci sachant que nous gardons et modifions évidemment notre code depuis une source extérieure, c'est quand même assez embêtant que l'éditeur se permette de modifier le code tout seul jusqu'à en changer la structure (surtout quand il y a juste un chiffre à modifier ou une petite info à rajouter)... Et je n'ai pas tellement envie de refaire ma page d'accueil avec les tableaux HTML :/

Quelqu'un a-t-il une solution ?

Merci bien !
Kelari

Kelari
Nouveau membre

Messages : 4
Inscrit(e) le : 10/04/2019

Voir le profil de l'utilisateur http://novocaine.forumactif.com/
Kelari a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS Grid - Code HTML de page d'accueil cassé

Message par Kelari Ven 12 Avr 2019 - 14:05

Up
Kelari

Kelari
Nouveau membre

Messages : 4
Inscrit(e) le : 10/04/2019

Voir le profil de l'utilisateur http://novocaine.forumactif.com/
Kelari a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS Grid - Code HTML de page d'accueil cassé

Message par Kelari Sam 13 Avr 2019 - 21:49

Up
Kelari

Kelari
Nouveau membre

Messages : 4
Inscrit(e) le : 10/04/2019

Voir le profil de l'utilisateur http://novocaine.forumactif.com/
Kelari a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS Grid - Code HTML de page d'accueil cassé

Message par Scoubifitz Dim 14 Avr 2019 - 16:20

Kelari a écrit:

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://novocaine.forumactif.com/

Description du problème


Bonjour à toutes et tous,

J'ai souhaité utiliser les propriétés de la grid de CSS3 pour concevoir ma page d'accueil et la publier sur mon forum de test. Je rencontre cependant un problème une fois le code enregistré sur la plateforme - il se casse après validation, ce qui provoque la fermeture des balises <section> immédiatement après leur ouverture et le déplacement de leur contenu bien en dessous, comme vous pouvez le voir sur les codes suivants :
Code HTML initial correct:
Code HTML après validation cassé:
Et le CSS associé à la grid :
CSS:
Cela ne pose pas de problème dans l'immédiat car la page se publie correctement, avec le code initial. En revanche dès l'instant où quelqu'un d'autre ou moi-même souhaite apporter une modification à la page d'accueil directement sur la plateforme, il ne peut pas le faire sans corriger tout le code à la main ou bien enregistrer la version faussée (ce qui en apparence provoque le déplacement du contenu de la grille en dessous de celle-ci comme expliqué plus haut).

Bien que ce ne soit pas fondamentalement un souci sachant que nous gardons et modifions évidemment notre code depuis une source extérieure, c'est quand même assez embêtant que l'éditeur se permette de modifier le code tout seul jusqu'à en changer la structure (surtout quand il y a juste un chiffre à modifier ou une petite info à rajouter)... Et je n'ai pas tellement envie de refaire ma page d'accueil avec les tableaux HTML :/

Quelqu'un a-t-il une solution ?

Merci bien !
Bonjour,

Tout d'abord , il faut comprendre comment fonctionne un éditeur de texte avant de l'accuser de tous les maux .

L'éditeur de texte sert à éditer ... du texte !
A l'époque où il a été conçu ,  il a été programmé pour reconnaitre la plupart des balises HTML4 ...
Les autres balises non reconnues ont été - et sont toujours - traitées en refermant la balise . Toute balise inconnue est donc refermée aussitôt ouverte .
Cette sécurité permet de garder la structure du forum si une balise est mal fermée dans la case d'accueil .

Il est donc possible d'utiliser et d'envoyer une balise perso ou HTML5 avec l'éditeur , mais impossible d'éditer le code , puisqu'il ne sera pas reconnu , ni interprété.

Concernant la balise <section> , il suffit de la remplacer par une balise <div> , celà n'aura pas d'influence sur le CSS.

La balise <section> n'a aucun intérêt dans votre code (voir : Notice d'utilisation )

De plus , évitez la balise <center> qui est dépréciée en HTML4 , et obsolète en HTML5.

Hi
Scoubifitz

Scoubifitz
Membre actif

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

Voir le profil de l'utilisateur http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: CSS Grid - Code HTML de page d'accueil cassé

Message par Kelari Dim 14 Avr 2019 - 16:36

Bonjour et merci pour votre réponse,

La balise <section> a simplement été celle que l'on m'a préconisée pour l'utilisation des grid et je n'ai pas médité plus que cela sur son utilisation ou son statut.

Le remplacement par les balises <div> règle en effet le problème.

Kelari

Kelari
Nouveau membre

Messages : 4
Inscrit(e) le : 10/04/2019

Voir le profil de l'utilisateur http://novocaine.forumactif.com/
Kelari a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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