Tableau et Div, espace incompréhensible.

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

Résolu Tableau et Div, espace incompréhensible.

Message par Crema le Sam 14 Juil 2012 - 14:47

Bonjour,

J'ai aidé une amie à coder une petite fiche sauf qu'on rencontre un petit soucis que je n'explique pas.
Entre mon DIV en haut et ma TABLE, il y a un espace qui s'agrandit à mesure que j'ajoute des lignes dans mon tableau.

Code:
<div style="margin:auto;width:502px;height:250px; background-image: url(http://www.elbakin.net/plume/xmedia/film/news/bilbo/orlando_bloom_bilbo.jpg); border: 3px solid #333333; -webkit-border-radius: 400px 400px 0px 0px; -moz-border-radius: 400px 400px 0px 0px; border-radius: 400px 400px 0px 0px;"></div>
<table style="margin-right:auto;margin-left:auto;margin-top:-40px;border: 3px solid #000000;background-color: #dddddd;"><tr><td style="width: 200px; height:400px; background-image: url(http://www.elbakin.net/plume/xmedia/film/news/bilbo/orlando_bloom_bilbo.jpg); border: 3px solid #333333;"></td><td valign=top style= "width: 280px; height:400px; background-color: #333333; border: 3px solid #333333;">Nom :
Prénom :
Age:
</td></tr>
<tr><td colspan="2" valign=top><div style="font-color: #333333; font-size: 15px; text-align: center;">
Caractère</div>
</td></tr>
<tr><td colspan="2"><div style= "padding: 20px; margin-right: 20px; margin-left : 20px; background-color: #ffffff; font-color: #333333; font-size: 12px; text-align: justify; border: 1px solid #333333;">texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte</div>
</td></tr>
<tr><td colspan="2" valign=top><div style="font-color: #333333; font-size: 15px; text-align: center;">Physique</div>
</td></tr>
<tr><td colspan="2"><div style= "padding: 20px; margin-right: 20px; margin-left : 20px; background-color: #ffffff; font-color: #333333; font-size: 12px; text-align: justify; border: 1px solid #333333;">texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte</div>
</td></tr>
<tr><td colspan="2" valign=top><div style="font-color: #333333; font-size: 15px; text-align: center;">Histoire</div>
</td></tr>
<tr><td colspan="2"><div style= "padding: 20px; margin-right: 20px; margin-left : 20px; background-color: #ffffff; font-color: #333333; font-size: 12px; text-align: justify; border: 1px solid #333333;">texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte</div>
</td></tr>
<tr><td colspan="2" valign=top><div style="font-color: #333333; font-size: 15px; text-align: center;">& Vous ?</div>
</td></tr>
<tr><td style="width: 200px; height:200px; background-image: url(http://www.elbakin.net/plume/xmedia/film/news/bilbo/orlando_bloom_bilbo.jpg); border: 3px solid #333333;"></td><td valign=top style= "width: 200px; height:200px; background-color: #333333; border: 3px solid #333333;">Nom :
Prénom :
Age:
</td></tr>
<tr><td colspan="2" valign=top><div style="font-color: #333333; font-size: 12px; text-align: center;">
By [url=www.http://point-virgule.fr1.co]Point Virgule[/url].</div>
</td></tr></table>

Je n'arrive vraiment pas à comprendre pourquoi... Pourriez-vous me donner un coup de main ?
Merci !


EDIT : une petite capture histoire de préciser mon problème.

Spoiler:


Dernière édition par Crema le Sam 14 Juil 2012 - 17:21, édité 1 fois

Crema
**

Féminin
Messages : 60
Inscrit(e) le : 22/11/2007

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

Résolu Re: Tableau et Div, espace incompréhensible.

Message par Invité le Sam 14 Juil 2012 - 15:51

Bonjour,

En retirant tous les retours à la ligne, le soucis disparait. Dans les messages, les retours à la ligne causent systématiquement ce soucis Wink.
Code:
<div style="margin:auto;width:502px;height:250px; background-image: url(http://www.elbakin.net/plume/xmedia/film/news/bilbo/orlando_bloom_bilbo.jpg); border: 3px solid #333333; -webkit-border-radius: 400px 400px 0px 0px; -moz-border-radius: 400px 400px 0px 0px; border-radius: 400px 400px 0px 0px;"></div><table style="margin-right:auto;margin-left:auto;margin-top:-40px;border: 3px solid #000000;background-color: #dddddd;"><tr><td style="width: 200px; height:400px; background-image: url(http://www.elbakin.net/plume/xmedia/film/news/bilbo/orlando_bloom_bilbo.jpg); border: 3px solid #333333;"></td><td valign=top style= "width: 280px; height:400px; background-color: #333333; border: 3px solid #333333;">Nom :
Prénom :
Age:
</td></tr><tr><td colspan="2" valign=top><div style="font-color: #333333; font-size: 15px; text-align: center;">
Caractère</div></td></tr><tr><td colspan="2"><div style= "padding: 20px; margin-right: 20px; margin-left : 20px; background-color: #ffffff; font-color: #333333; font-size: 12px; text-align: justify; border: 1px solid #333333;">texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte</div></td></tr><tr><td colspan="2" valign=top><div style="font-color: #333333; font-size: 15px; text-align: center;">Physique</div></td></tr><tr><td colspan="2"><div style= "padding: 20px; margin-right: 20px; margin-left : 20px; background-color: #ffffff; font-color: #333333; font-size: 12px; text-align: justify; border: 1px solid #333333;">texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte</div></td></tr><tr><td colspan="2" valign=top><div style="font-color: #333333; font-size: 15px; text-align: center;">Histoire</div></td></tr><tr><td colspan="2"><div style= "padding: 20px; margin-right: 20px; margin-left : 20px; background-color: #ffffff; font-color: #333333; font-size: 12px; text-align: justify; border: 1px solid #333333;">texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte</div></td></tr><tr><td colspan="2" valign=top><div style="font-color: #333333; font-size: 15px; text-align: center;">& Vous ?</div></td></tr><tr><td style="width: 200px; height:200px; background-image: url(http://www.elbakin.net/plume/xmedia/film/news/bilbo/orlando_bloom_bilbo.jpg); border: 3px solid #333333;"></td><td valign=top style= "width: 200px; height:200px; background-color: #333333; border: 3px solid #333333;">Nom :
Prénom :
Age:
</td></tr><tr><td colspan="2" valign=top><div style="font-color: #333333; font-size: 12px; text-align: center;">
By [url=www.http://point-virgule.fr1.co]Point Virgule[/url].</div></td></tr></table>
Bien sincèrement.

Invité
Invité


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

Résolu Re: Tableau et Div, espace incompréhensible.

Message par Crema le Sam 14 Juil 2012 - 17:21

Super ! Ca fonctionne ! Merci beaucoup !

Crema
**

Féminin
Messages : 60
Inscrit(e) le : 22/11/2007

http://godsdomain.forumactif.org/
Crema 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