Bonjour,

Je rencontre un problème depuis quelques jours avec tous les générateurs de tableaux que j'utilise (CSS actif / forumactif etc...). Chaque fois que j'essaie de faire un tableau, je me retrouve avec un espace énorme entre le haut du message et le tableau, il l'aligne par défaut en bas du message comme ceci:

Spoiler:

J'utilise les tableaux sur ce forum mais j'ai essayé ailleurs et ça me donne toujours la même chose.

Et voici le code:

Code:

<table style="width: 90%; border-collapse:collapse; border:1px dashed #000000;">
<tr>
<td style="border:1px dashed  #000000;">contenu 1</td>
<td style="border:1px dashed  #000000;">contenu 2</td>
</tr>
<tr>
<td style="border:1px dashed  #000000;">contenu 3</td>
<td style="border:1px dashed  #000000;">contenu 4</td>
</tr>
<tr>
<td style="border:1px dashed  #000000;">contenu 5</td>
<td style="border:1px dashed  #000000;">contenu 6</td>
</tr>
<tr>
<td style="border:1px dashed  #000000;">contenu 7</td>
<td style="border:1px dashed  #000000;">contenu 8</td>
</tr>
<tr>
<td style="border:1px dashed  #000000;">contenu 9</td>
<td style="border:1px dashed  #000000;">contenu 10</td>
</tr>
</table>

J'espère que quelqu'un pourra m'aider
Merci d'avance et bonne soirée.

Salut Chrome

Sur ForumActif, quand on poste un message, tous les retours à la ligne sont automatiquement transformés en balise br.

Le code généré par CSSActif en comptant les retours à la ligne donnerait donc quelque chose comme ça :

Code:

<table style="width: 90%; border-collapse:collapse; border:1px dashed #000000;"><br/>
<tr><br/>
<td style="border:1px dashed  #000000;">contenu 1</td><br/>
<td style="border:1px dashed  #000000;">contenu 2</td><br/>
</tr><br/>
<tr><br/>
<td style="border:1px dashed  #000000;">contenu 3</td><br/>
<td style="border:1px dashed  #000000;">contenu 4</td><br/>
</tr><br/>
<tr><br/>
<td style="border:1px dashed  #000000;">contenu 5</td><br/>
<td style="border:1px dashed  #000000;">contenu 6</td><br/>
</tr><br/>
<tr><br/>
<td style="border:1px dashed  #000000;">contenu 7</td><br/>
<td style="border:1px dashed  #000000;">contenu 8</td><br/>
</tr><br/>
<tr><br/>
<td style="border:1px dashed  #000000;">contenu 9</td><br/>
<td style="border:1px dashed  #000000;">contenu 10</td><br/>
</tr><br/>
</table>

Il y a eu des modifications dans l'éditeur de ForumActif, et maintenant les contenus en dehors des places normales dans un tableau (dans des balises td) sont enlevés et mis au dessus.

Le code généré par ForumActif est donc le suivant :

Code:

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<table style="width: 90%; border-collapse:collapse; border:1px dashed #000000;">
    <tbody>
        <tr>
            <td style="border:1px dashed  #000000;">contenu 1</td>
            <td style="border:1px dashed  #000000;">contenu 2</td>
        </tr>
        <tr>
            <td style="border:1px dashed  #000000;">contenu 3</td>
            <td style="border:1px dashed  #000000;">contenu 4</td>
        </tr>
        <tr>
            <td style="border:1px dashed  #000000;">contenu 5</td>
            <td style="border:1px dashed  #000000;">contenu 6</td>
        </tr>
        <tr>
            <td style="border:1px dashed  #000000;">contenu 7</td>
            <td style="border:1px dashed  #000000;">contenu 8</td>
        </tr>
        <tr>
            <td style="border:1px dashed  #000000;">contenu 9</td>
            <td style="border:1px dashed  #000000;">contenu 10</td>
        </tr>
    </tbody>
</table>

On peut ainsi compter 21 balises br au début, soit le nombre de retours à la ligne qu'il y avait.

Comment faire pour régler cela ? Enlever les retours à la lignes qui se trouvent en dehors des balises td.
Tu peux le faire à la main, ou bien si tu n'as pas le courage, tu fais ton code, et une fois que c'est bon tu le mets sur un site qui va minifier ton code HTML, par exemple http://www.willpeavy.com/minifier/.

Tu récupèreras donc ce code là :

Code:

<table style="width: 90%;border-collapse:collapse;border:1px dashed #000000;"><tr><td style="border:1px dashed #000000;">contenu 1</td><td style="border:1px dashed #000000;">contenu 2</td></tr><tr><td style="border:1px dashed #000000;">contenu 3</td><td style="border:1px dashed #000000;">contenu 4</td></tr><tr><td style="border:1px dashed #000000;">contenu 5</td><td style="border:1px dashed #000000;">contenu 6</td></tr><tr><td style="border:1px dashed #000000;">contenu 7</td><td style="border:1px dashed #000000;">contenu 8</td></tr><tr><td style="border:1px dashed #000000;">contenu 9</td><td style="border:1px dashed #000000;">contenu 10</td></tr></table>

Le problème sera réglé

Si tu souhaites re-modifier ton code facilement, sans devoir remettre toi même tout les retours à la ligne, tu peux utiliser ce site là : http://jsbeautifier.org/ (tu colles ton code puis tu cliques sur le bouton "Beautify Javascript or HTML")

Sur mon forum test cela règle le problème

Bonjour Nihil,

Je n'étais pas au courant pour les changements de FA, du coup je comprends mieux le pourquoi de tous les espaces en trop.

Merci beaucoup d'avoir pris de ton temps pour m'expliquer tout ça, j'utiliserai les liens à l'avenir et ferait plus attention.

Effectivement, le code que tu as mis marche niquel.  

Bonne journée et encore merci