Espaces entre deux tableaux alignés verticalement.

2 participants

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 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 :
Espaces entre deux tableaux alignés verticalement. Proble10

& 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

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 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

Anzu
Membre actif

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

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

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

Message par Chiseshi 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

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 Lun 3 Juin 2013 - 12:48


Yep vous collez tout.

Retirez les majuscules du titre du sujet au passage Smile
Anzu

Anzu
Membre actif

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

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

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

Message par Chiseshi 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

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

- Sujets similaires

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