Décalage dans le code

2 participants

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

Résolu Décalage dans le code

Message par neon Sam 7 Jan 2017 - 14:08

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Internet Explorer, Safari
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://animauxfantastiques.forumactif.com

Description du problème

Bonjour tout le monde,

Lorsque j'ai codé un tableau, un énorme trou s'est glissé entre le haut du post et le message en lui-même, je ne comprends pas trop pourquoi :/ !

Le code :
Code:
<table cellpadding="10" cellspacing="1" width="100%">
  <tr>
    <th width="20%" align="center">Nom de l’Élève / Adulte</th>
    <th width="20%" align="center">Maison à Ilvermorny</th>
    <th width="30%" align="center">Baguette</th>
    <th width="20%" align="center">Avatar utilisé</th>
  </tr>
<tr>
    <td align="center" valign="center">Alex Parizeau</td>
    <td align="center" valign="center">[color=#FFF952]Pukwudgie[/color]</td>
    <td align="center" valign="top">Bois de Sorbier<br /> Épine du Monstre Du Fleuve Blanc<br />31 cm<br />  Souple</td>
  <td align="center" valign="center">Inconnu</td>
 </tr>
  <tr>
    <td align="center" valign="center">Queenie Hepburn</td>
    <td align="center" valign="center">[color=#FFF952]Pukwudgie[/color]</td>
    <td align="center" valign="top">Bois d'If<br /> Plume de phénix<br />35 cm<br /> Légèrement Élastique</td>
    <td align="center" valign="center">Inconnu</td>
  </tr>
</table>

Est-ce un problème de balise ?
J'ai simplement suivi le tutoriel de Tech.

Amicalement,
Néon


Dernière édition par neon le Sam 7 Jan 2017 - 16:24, édité 1 fois
neon

neon
****

Masculin
Messages : 334
Inscrit(e) le : 09/12/2006

http://waikiki-beach.forumgratuit.be
neon a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Décalage dans le code

Message par MlleAlys Sam 7 Jan 2017 - 14:49

Bonjour,
Cet espace est dû à la présentation de votre code placé dans un message :

Dans l'éditeur de message, chaque retour à la ligne est pris en compte (on n'est pas obligé de mettre la balise html <br/> à chaque fois, c'est fait automatiquement).
Dans la présentation du code de votre tableau, vous revenez à la ligne et incrémentez à chaque balise. Ce qui est tout à fait la norme pour présenter un code html.
Sauf que du coup l'éditeur de message prend ça comme un vrai retour à la ligne à insérer. Or, par exemple quand c'est entre la balise <table> et la première balise <tr>, c'est dans le tableau, mais pas dans le contenu d'une cellule, et du coup l'éditeur ne sait pas trop ou afficher le retour à la ligne. Par défaut, il l'affiche avant le tableau.
Le grand espace au dessus de votre tableau est donc en fait l'accumulation des retours à la ligne que vous avez utilisés pour la présentation de votre code.

En retirant les retours à la ligne, cela donne :
Code:
<table cellpadding="10" cellspacing="1" width="100%"><tr><th width="20%" align="center">Nom de l’Élève / Adulte</th><th width="20%" align="center">Maison à Ilvermorny</th><th width="30%" align="center">Baguette</th><th width="20%" align="center">Avatar utilisé</th></tr><tr><td align="center" valign="center">Alex Parizeau</td><td align="center" valign="center">[color=#FFF952]Pukwudgie[/color]</td><td align="center" valign="top">Bois de Sorbier<br /> Épine du Monstre Du Fleuve Blanc<br />31 cm<br />  Souple</td><td align="center" valign="center">Inconnu</td></tr><tr><td align="center" valign="center">Queenie Hepburn</td><td align="center" valign="center">[color=#FFF952]Pukwudgie[/color]</td><td align="center" valign="top">Bois d'If<br /> Plume de phénix<br />35 cm<br /> Légèrement Élastique</td><td align="center" valign="center">Inconnu</td></tr></table>

(On est d'accord pour dire que c'est imbuvable, malheureusement...)
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage dans le code

Message par neon Sam 7 Jan 2017 - 16:24

Bonjour MlleAlys,

Merci pour la correction et je confirme que c'est imbuvable !

Amicalement,
Néon
neon

neon
****

Masculin
Messages : 334
Inscrit(e) le : 09/12/2006

http://waikiki-beach.forumgratuit.be
neon 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