Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Décalage dans le code

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

Résolu Décalage dans le code

Message par neon le 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
avatar

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 le 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...)
avatar

MlleAlys
Membre actif

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

http://mllealys2.forumactif.org/
MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage dans le code

Message par neon le Sam 7 Jan 2017 - 16:24

Bonjour MlleAlys,

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

Amicalement,
Néon
avatar

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


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