Espaces entre deux tableaux alignés verticalement.

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

En cours Espaces entre deux tableaux alignés verticalement.

Message par Chiseshi le Lun 3 Juin 2013 - 12:32

Bonjour Smile
J'ai consulté les topics relatifs au sujet, principalement celui-ci, mais sans succès. J'ai relut mon code, tenté de la cleaner, rien n'y fais.
Mon problème est le suivant : j'ai trois tableaux à la suite les uns les autres, verticalement. Seulement, le dernier tableau (le plus complexe et sans doute fouillit), est séparé des autres par un gigantesque espace, qui vient de je ne sais trop où.
Comme une img vaut toujours mieux que des mots :


& voici le code en question.
(c'est une mise en page RP, le dernier tableau contient une alternance entre la troisième personne (tableau "colspan") & la seconde personne (tableau "réduit"), d'où le shmilblick.)

Code:
<center>
<table cellspacing="0px;" cellpadding="15px" style="border:18px solid #c5f5ff; width:450px;background-color:black;">
<tr>
<td>[img]http://img4.hostingpics.net/pics/333005AVATAR.png[/img]
</td>
<td style="width:245px">
paragraphe de texte
</td>
</tr>
</table>
<table cellspacing="0px;" cellpadding="15px" style="border:18px solid #c5f5ff; width:650px; background-color:black;">
<tr>
<td colspan="2"  style="padding-top:0px; padding-left:0px; padding-right:0px">
[img]http://img4.hostingpics.net/pics/112283bann12.png[/img]
</td>
</tr>
<tr>
<td>
paragraphe de texte, tableau n°2
</td>
</tr>
</table>
<table cellspacing="0px;" cellpadding="15px" style="border:18px solid #c5f5ff; background-color:black; width:650px;">
<tr>
<td colspan="3"  style="padding-top:0px; padding-left:0px; padding-right:0px">
[img]http://img4.hostingpics.net/pics/112283bann12.png[/img]
</td>
</tr>
<tr>
<td colspan="3">
paragraphe de texte
</td></tr>

<tr>
<td></td>
<td style="width:450px; text-align:right;">
paragraphe de texte réduit & centré
</td>
<td></td></tr>

<tr>
<td colspan="3">
paragraphe de texte
</td></tr>

<tr>
<td></td>
<td style="width:450px;">
paragraphe de texte réduit & centré
</td>
<td></td>
</tr>

<tr>
<td colspan="3">
paragraphe de texte
</td>
</tr>

<tr>
<td></td>
<td style="width:450px;">
paragraphe de texte réduit & centré
</td>
<td></td>
</tr>

<tr>
<td colspan="3">
paragraphe de texte
</td>
</tr>

<tr>
<td></td>
<td style="width:450px;">
paragraphe de texte réduit & centré
</td>
<td></td>
</tr>

<tr>
<td colspan="3">
paragraphe de texte
</td>
</tr>

<tr>
<td></td>
<td style="width:450px;">
paragraphe de texte réduit & centré
</td>
<td></td>
</tr>

<tr>
<td colspan="3">
paragraphe de texte
</td>
</tr>

<tr>
<td></td>
<td style="width:450px;">
autre paragraphe réduit & centré
</td>
<td></td>
</tr>
</table>
</center>

Merci d'avance pour le temps que vous prendrez à me répondre =)

(je viens aussi de m'apercevoir que les img, situées dans les premières ligne des 2 derniers tableaux, ont un problème : le "padding-top:0px;" ne fonctionne plus, tandis que le left & right, si. Je sais qu'au dessus, <table> a un "cellpadding:15px;", mais comme le "padding" propre aux deux <tr> fonctionnent, je ne comprends pas pourquoi top fait exception ??)

Bonne journée !


Dernière édition par Chiseshi le Lun 3 Juin 2013 - 12:53, édité 1 fois

Chiseshi
Nouveau membre

Messages : 3
Inscrit(e) le : 03/06/2013

http://ananas.forumactif.com
Chiseshi a été remercié(e) par l'auteur de ce sujet.

En cours Re: Espaces entre deux tableaux alignés verticalement.

Message par Anzu le Lun 3 Juin 2013 - 12:42


Bonjour,

Collez toutes les balises, ça ira mieux Smile

Sinon, il ne faut pas mélanger les deux langages, donc remplacez vos [img] par <img src="lien" />

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

En cours Re: Espaces entre deux tableaux alignés verticalement.

Message par Chiseshi le Lun 3 Juin 2013 - 12:46

Bonjour,
quand vous me dites de coller les balises, c'est les écrire en mode "inline" ?
donc
<tr><td>bablalbalblabla</td></tr>

mea culpa pour le mélange, j'me doutais que c'était pas tip top !
Merci pour votre réponse rapide ( :

Chiseshi
Nouveau membre

Messages : 3
Inscrit(e) le : 03/06/2013

http://ananas.forumactif.com
Chiseshi a été remercié(e) par l'auteur de ce sujet.

En cours Re: Espaces entre deux tableaux alignés verticalement.

Message par Anzu le Lun 3 Juin 2013 - 12:48


Yep vous collez tout.

Retirez les majuscules du titre du sujet au passage Smile

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

En cours Re: Espaces entre deux tableaux alignés verticalement.

Message par Chiseshi le Lun 3 Juin 2013 - 12:58

Merci beaucoup !

Du coup, j'aurais une nouvelle question : il s'agit de HTML ?
Dans ce cas, si un jour je code des tableaux pour un site (avec le système "style" ou le système d'une feuille css externe),
je serais de même obligée de coder en inline ?
Parce que pour la clarté et la lecture c'est très handicapant (même avec un logiciel de traitement de texte adapté).
Ou est-ce uniquement parce que le forum a du mal à lire certaines organisations de code, ce qui n'est pas le cas des navigateurs en général ?
(car les tutos de html que j'ai consulté codaient en block la majorité du temps)

Merci d'avance =)
& merci encore.
Titre modifié.

Chiseshi
Nouveau membre

Messages : 3
Inscrit(e) le : 03/06/2013

http://ananas.forumactif.com
Chiseshi 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