Soucis d'espacement entre les tr

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

Résolu Soucis d'espacement entre les tr

Message par demeter1 le Jeu 26 Mar 2015 - 16:16

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Opera
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://altitudetropicale.forums-actifs.com/index.forum

Description du problème

Bonjour à tous,
Je rencontre un petit soucis d'espacement au niveau des tr d'un tableau dont je n'arrive pas à trouver d'explication.

Le voici
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2//EN"><html><head><title>Protea cynaroides </title></head>
<body><div class="fiche"><center><h2><span style="font-size: 40px; line-height: normal;"><strong>Protea cynaroides </strong></span></h2></center>
<table width="100%";>
<tr>
<td bgcolor="#ccff00";width="100%">
<p style="font-size: 12px;text-align:justify;">
<b>FAMILLE BOTANIQUE : </b>.<br />
<b>NOM BOTANIQUE : </b> .<br />
<b>NOMS COMMUNS : </b>.<br />
<b>SYNONYME :</b>.<br />
<b>ORIGINE : </b>.<br />
<b>TYPE DE PLANTE : </b>.<br />
<b>HAUTEUR : </b>.<br />
<b>CROISSANCE : </b>. <br />
<b>PLANTATION : </b>.<br />
<b>PÉRIODE DE FLORAISON : </b>.<br />
<b>COULEUR DE LA FLORAISON : </b> . <br />
<b>MULTIPLICATION : </b>.<br />
<b>ZONE DE RUSTICITÉ : </b>.<br />
<b>COMPORTEMENT FACE AU FROID : </b> .<br />
<b>SOL : </b>.<br />
<b>EXPOSITION : </b>.<br /></p></td>
</tr>
<tr>

<td bgcolor="#ffffff";width="100%";>
<p style="font-size: 14px;text-align:justify;">
<b>QUI EST-IL ? </b>

<b>D'OÙ VIENT-IL ?</b>
.

<b>COMMENT LE CULTIVER ?</b>


<u>Multiplication :</u>

<u>Ennemis et maladies :</u>

</p>
</tr>
</td>
<tr>
<td bgcolor="#ffffff";width="100%";><br /><br />
<center><table bgcolor="#ffffff" border="5" cellpadding="0" cellspacing="0" width:100%><tr><td align="center" valign="top"><br />[img(117px,117px)]http://i19.servimg.com/u/f19/11/93/85/24/800px-13.jpg[/img]<br /><center><font size="-1"><br /> - Protea cynaroides </font><br /><br />[color=black]Cliquer pour agrandir[/color]<br /></center></td><td align="center" valign="top"><br />[img(117px,117px)]http://i19.servimg.com/u/f19/11/93/85/24/eppo_m10.jpg[/img]<br /><center><font size="-1"><br /> - Protea cynaroides </font><br /><br />[color=black]Cliquer pour agrandir[/color]<br /></center></td><td align="center" valign="top"><br />[img(117px,117px)]http://i19.servimg.com/u/f19/11/93/85/24/img_8710.jpg[/img]<br /><center><font size="-1"><br /> - Protea cynaroides ′'White King'</font><br /><br />[color=black]Cliquer pour agrandir[/color]<br /></center></td></td><td align="center" valign="top"><br />[img(117px,117px)]http://i19.servimg.com/u/f19/11/93/85/24/img_1310.jpg[/img]<br /><center><font size="-1"><br /> - Protea cynaroides ′Little Prince′</font><br /><br />[color=black]Cliquer pour agrandir[/color]<br /></center></td></td></tr><tr><td align="center" valign="top"><br />[img(117px,117px)]http://i19.servimg.com/u/f19/11/93/85/24/protea10.jpg[/img]<br /><center><font size="-1"><br /> - Protea cynaroides </font><br /><br />[color=black]Cliquer pour agrandir[/color]<br /></center></td></td><td align="center" valign="top"><br />[img(117px,117px)]http://i19.servimg.com/u/f19/11/93/85/24/protea12.jpg[/img]<br /><center><font size="-1"><br /> - Protea cynaroides </font><br /><br />[color=black]Cliquer pour agrandir[/color]<br /></center></td></td><td align="center" valign="top"><br />[img(117px,117px)]http://i19.servimg.com/u/f19/11/93/85/24/protea11.jpg[/img]<br /><center><font size="-1"><br /> - Protea cynaroides </font><br /><br />[color=black]Cliquer pour agrandir[/color]<br /></center></td></td><td align="center" valign="top"><br />[img(117px,117px)]http://i19.servimg.com/u/f19/11/93/85/24/protea13.jpg[/img]<br /><center><font size="-1"><br /> - Protea cynaroides </font><br /><br />[color=black]Cliquer pour agrandir[/color]<br /></center></td></td></tr></table></center>
</td></tr>
</table>
</div>
</body>
</html>

Auriez vous une idée pour supprimer ces espacements ?
Merci par avance pour vos réponses.


Dernière édition par demeter1 le Jeu 26 Mar 2015 - 23:17, édité 2 fois

demeter1
+ Hyperactif +

Masculin
Messages : 8232
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis d'espacement entre les tr

Message par krylin le Jeu 26 Mar 2015 - 17:30

Hello,

Je ne suis pas un spécialiste mais est que cela ne viendrait pas de ta balise <p>.

Il me semble qu'il y a un saut de ligne avant et après le contenu encadré par cette balise.

krylin
Nouveau membre

Masculin
Messages : 14
Inscrit(e) le : 30/10/2010

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

Résolu Re: Soucis d'espacement entre les tr

Message par demeter1 le Jeu 26 Mar 2015 - 17:41

Bonjour krylin,
Merci pour cette aide.
Je t'avouerai avoir fait la même supposition. J'ai transféré le font-size: 12px et le text-align:justify dans le td mais j'ai obtenu le même résultat.

demeter1
+ Hyperactif +

Masculin
Messages : 8232
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis d'espacement entre les tr

Message par Scoubifitz le Jeu 26 Mar 2015 - 17:45

bonjour,

Un cellspacing="0" dans la première table devrait résoudre le souci ...

J'ai cependant une question : pourquoi mettre une page html complète dans un message de sujet ?

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis d'espacement entre les tr

Message par demeter1 le Jeu 26 Mar 2015 - 18:16

Bonjour Scoubifitz,
Merci pour cette aide.
Je viens de tester mais même topo. J'ai également multiplié la manip sur les td mais sans aucun effet également.
Le code modifié avec la dernière indication.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2//EN"><html><head><title>Protea cynaroides </title></head>
<body><div class="fiche"><center><h2><span style="font-size: 40px; line-height: normal;"><strong>Protea cynaroides </strong></span></h2></center>
<table width="100%";cellspacing="0";>
<tr>
<td bgcolor="#ccff00";width="100%">
<p style="font-size: 12px;text-align:justify;">
<b>FAMILLE BOTANIQUE : </b>.<br />
<b>NOM BOTANIQUE : </b> .<br />
<b>NOMS COMMUNS : </b>.<br />
<b>SYNONYME :</b>.<br />
<b>ORIGINE : </b>.<br />
<b>TYPE DE PLANTE : </b>.<br />
<b>HAUTEUR : </b>.<br />
<b>CROISSANCE : </b>. <br />
<b>PLANTATION : </b>.<br />
<b>PÉRIODE DE FLORAISON : </b>.<br />
<b>COULEUR DE LA FLORAISON : </b> . <br />
<b>MULTIPLICATION : </b>.<br />
<b>ZONE DE RUSTICITÉ : </b>.<br />
<b>COMPORTEMENT FACE AU FROID : </b> .<br />
<b>SOL : </b>.<br />
<b>EXPOSITION : </b>.<br /></p></td>
</tr>
<tr>
 
<td bgcolor="#ffffff";width="100%";>
<p style="font-size: 14px;text-align:justify;">
<b>QUI EST-IL ? </b>
 
<b>D'OÙ VIENT-IL ?</b>
.
 
<b>COMMENT LE CULTIVER ?</b>
 
 
<u>Multiplication :</u>
 
<u>Ennemis et maladies :</u>
 
</p>
</tr>
</td>
<tr>
<td bgcolor="#ffffff";width="100%";><br /><br />
<center><table bgcolor="#ffffff" border="5" cellpadding="0" cellspacing="0" width:100%><tr><td align="center" valign="top"><br />[img(117px,117px)]http://i19.servimg.com/u/f19/11/93/85/24/800px-13.jpg[/img]<br /><center><font size="-1"><br /> - Protea cynaroides </font><br /><br />[color=black]Cliquer pour agrandir[/color]<br /></center></td><td align="center" valign="top"><br />[img(117px,117px)]http://i19.servimg.com/u/f19/11/93/85/24/eppo_m10.jpg[/img]<br /><center><font size="-1"><br /> - Protea cynaroides </font><br /><br />[color=black]Cliquer pour agrandir[/color]<br /></center></td><td align="center" valign="top"><br />[img(117px,117px)]http://i19.servimg.com/u/f19/11/93/85/24/img_8710.jpg[/img]<br /><center><font size="-1"><br /> - Protea cynaroides ′'White King'</font><br /><br />[color=black]Cliquer pour agrandir[/color]<br /></center></td></td><td align="center" valign="top"><br />[img(117px,117px)]http://i19.servimg.com/u/f19/11/93/85/24/img_1310.jpg[/img]<br /><center><font size="-1"><br /> - Protea cynaroides ′Little Prince′</font><br /><br />[color=black]Cliquer pour agrandir[/color]<br /></center></td></td></tr><tr><td align="center" valign="top"><br />[img(117px,117px)]http://i19.servimg.com/u/f19/11/93/85/24/protea10.jpg[/img]<br /><center><font size="-1"><br /> - Protea cynaroides </font><br /><br />[color=black]Cliquer pour agrandir[/color]<br /></center></td></td><td align="center" valign="top"><br />[img(117px,117px)]http://i19.servimg.com/u/f19/11/93/85/24/protea12.jpg[/img]<br /><center><font size="-1"><br /> - Protea cynaroides </font><br /><br />[color=black]Cliquer pour agrandir[/color]<br /></center></td></td><td align="center" valign="top"><br />[img(117px,117px)]http://i19.servimg.com/u/f19/11/93/85/24/protea11.jpg[/img]<br /><center><font size="-1"><br /> - Protea cynaroides </font><br /><br />[color=black]Cliquer pour agrandir[/color]<br /></center></td></td><td align="center" valign="top"><br />[img(117px,117px)]http://i19.servimg.com/u/f19/11/93/85/24/protea13.jpg[/img]<br /><center><font size="-1"><br /> - Protea cynaroides </font><br /><br />[color=black]Cliquer pour agrandir[/color]<br /></center></td></td></tr></table></center>
</td></tr>
</table>
</div>
</body>
</html>

demeter1
+ Hyperactif +

Masculin
Messages : 8232
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis d'espacement entre les tr

Message par Scoubifitz le Jeu 26 Mar 2015 - 18:31

trop de points-virgules dans votre code ...

on essaie avec un minimum d'html et un maximum de BBcode ?

Code:
<div class="fiche"><h2 style="font-size: 40px;text-align:center;">Protea cynaroides</h2>

[table width="100%" cellspacing="0"][tr][td bgcolor="#ccff00" style="font-size: 12px;text-align:justify;"]
[b]FAMILLE BOTANIQUE : [/b].

[b]NOM BOTANIQUE : [/b] .

[b]NOMS COMMUNS : [/b].

[b]SYNONYME :[/b].

[b]ORIGINE : [/b].

[b]TYPE DE PLANTE : [/b].

[b]HAUTEUR : [/b].

[b]CROISSANCE : [/b].

[b]PLANTATION : [/b].

[b]PÉRIODE DE FLORAISON : [/b].

[b]COULEUR DE LA FLORAISON : [/b] .

[b]MULTIPLICATION : [/b].

[b]ZONE DE RUSTICITÉ : [/b].

[b]COMPORTEMENT FACE AU FROID : [/b] .

[b]SOL : [/b].

[b]EXPOSITION : [/b].

[/td]
[/tr]
[tr]
[td bgcolor="#ffffff" style="font-size: 14px;text-align:justify;"]
[b]QUI EST-IL ? [/b]

[b]D'OÙ VIENT-IL ?[/b]

[b]COMMENT LE CULTIVER ?[/b]


[u]Multiplication :[/u]

[u]Ennemis et maladies :[/u]

[/td]
[/tr]
[tr][td bgcolor="#ffffff" style="font-size: 12px;"]
[center][table bgcolor="#ffffff" border="5" cellpadding="0" cellspacing="0" width="100%"][tr]
[td align="center" valign="top" width="25%"][img(117px,117px)]http://i19.servimg.com/u/f19/11/93/85/24/800px-13.jpg[/img]
[center] - Protea cynaroides
[color=black]Cliquer pour agrandir[/color][/center][/td]
[td align="center" valign="top" width="25%"][img(117px,117px)]http://i19.servimg.com/u/f19/11/93/85/24/eppo_m10.jpg[/img]
[center] - Protea cynaroides
[color=black]Cliquer pour agrandir[/color][/center][/td]
[td align="center" valign="top" width="25%"][img(117px,117px)]http://i19.servimg.com/u/f19/11/93/85/24/img_8710.jpg[/img]
[center] - Protea cynaroides ''White King'
[color=black]Cliquer pour agrandir[/color][/center][/td]
[td align="center" valign="top" width="25%"][img(117px,117px)]http://i19.servimg.com/u/f19/11/93/85/24/img_1310.jpg[/img]
[center] - Protea cynaroides 'Little Prince'
[color=black]Cliquer pour agrandir[/color][/center][/td]
[/tr]
[tr]
[td align="center" valign="top"][img(117px,117px)]http://i19.servimg.com/u/f19/11/93/85/24/protea10.jpg[/img]
[center] - Protea cynaroides
[color=black]Cliquer pour agrandir[/color][/center][/td]
[td align="center" valign="top"][img(117px,117px)]http://i19.servimg.com/u/f19/11/93/85/24/protea12.jpg[/img]
[center] - Protea cynaroides
[color=black]Cliquer pour agrandir[/color][/center][/td]
[td align="center" valign="top"][img(117px,117px)]http://i19.servimg.com/u/f19/11/93/85/24/protea11.jpg[/img]
[center] - Protea cynaroides
[color=black]Cliquer pour agrandir[/color][/center][/td]
[td align="center" valign="top"][img(117px,117px)]http://i19.servimg.com/u/f19/11/93/85/24/protea13.jpg[/img]
[center] - Protea cynaroides
[color=black]Cliquer pour agrandir[/color][/center][/td]
[/tr]
[/table][/center]
[/td]
[/tr]
[/table]
</div>

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis d'espacement entre les tr

Message par demeter1 le Jeu 26 Mar 2015 - 21:17

Re,
cela marche parfaitement mais le soucis , c'est que j'étais en train de modifier le bbcode initiale en html pour pouvoir le passer sur des pages html. Je me suis arr^été en cours de modification lorsque j'ai rencontré ce soucis.
Désolé de ne pas l'avoir précisé dés le début.

demeter1
+ Hyperactif +

Masculin
Messages : 8232
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis d'espacement entre les tr

Message par Scoubifitz le Jeu 26 Mar 2015 - 22:23

voilà le code en HTML valide , pour faire avancer le schmilblick ...
C'est à tester directement sur une page HTML , pas dans un message ...

Code:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Protea cynaroides </title>
<style type="text/css">
.fiche h2{
font-size: 40px;
text-align:center;
}
.fiche .famille{
background-color:#ccff00;
font-size: 12px;
text-align:justify;
padding:10px;
}
.arbor{
background-color:#ffffff;
font-size: 14px;
text-align:justify;
padding:10px;
}
.fiche table{
 border:5px solid #cccccc;
 border-spacing:2px;
 width:90%;
 background-color:#ffffff;
 margin:auto;
}
.fiche td{
 border:1px solid #cccccc;
text-align:center;
vertical-align:top;
 width:25%;
}
.fiche img{
width:117px;
height:117px;
}
</style>
</head>
<body>
<div class="fiche">
<h2>Protea cynaroides </h2>

<div class="famille">
<p>FAMILLE BOTANIQUE :  ...</p>
<p>NOM BOTANIQUE :  ...</p>
<p>NOMS COMMUNS :  ...</p>
<p>SYNONYME : ...</p>
<p>ORIGINE :  ...</p>
<p>TYPE DE PLANTE :  ...</p>
<p>HAUTEUR :  ...</p>
<p>CROISSANCE :  ...</p>
<p>PLANTATION :  ...</p>
<p>PÉRIODE DE FLORAISON :  ...</p>
<p>COULEUR DE LA FLORAISON :  ...</p>
<p>MULTIPLICATION :  ...</p>
<p>ZONE DE RUSTICITÉ :  ...</p>
<p>COMPORTEMENT FACE AU FROID :  ...</p>
<p>SOL :  ...</p>
<p>EXPOSITION :  ...</p>
</div>

<div class="arbor">
<p>QUI EST-IL ? ...</p>
<p>D'OÙ VIENT-IL ? ...</p>
<p>COMMENT LE CULTIVER ? ...</p>
<p>Multiplication : ...</p>
<p>Ennemis et maladies : ...</p>
</div>

<table>
<colgroup>
<col span="4" style="width:25%">
</colgroup>
<tr>
<td>
<img src="http://i19.servimg.com/u/f19/11/93/85/24/800px-13.jpg" alt="" />
<p>- Protea cynaroides </p>
<a href="">Cliquer pour agrandir</a></td>
<td>
<img src="http://i19.servimg.com/u/f19/11/93/85/24/eppo_m10.jpg" alt="" />
 <p>- Protea cynaroides </p>
 <a href="">Cliquer pour agrandir</a></td>
<td>
<img src="http://i19.servimg.com/u/f19/11/93/85/24/img_8710.jpg" alt="" />
 <p>- Protea cynaroides ''White King'</p>
 <a href="">Cliquer pour agrandir</a></td>
<td>
<img src="http://i19.servimg.com/u/f19/11/93/85/24/img_1310.jpg" alt="" />
 <p>- Protea cynaroides 'Little Prince'</p>
 <a href="">Cliquer pour agrandir</a></td>
</tr><tr>
<td>
<img src="http://i19.servimg.com/u/f19/11/93/85/24/protea10.jpg" alt="" />
 <p>- Protea cynaroides </p>
 <a href="">Cliquer pour agrandir</a></td>
<td>
<img src="http://i19.servimg.com/u/f19/11/93/85/24/protea12.jpg" alt="" />
 <p>- Protea cynaroides </p>
 <a href="">Cliquer pour agrandir</a></td>
<td>
<img src="http://i19.servimg.com/u/f19/11/93/85/24/protea11.jpg" alt="" />
 <p>- Protea cynaroides </p>
 <a href="">Cliquer pour agrandir</a></td>
<td>
<img src="http://i19.servimg.com/u/f19/11/93/85/24/protea13.jpg" alt="" />
 <p>- Protea cynaroides </p>
 <a href="">Cliquer pour agrandir</a></td>
</tr>
</table>

</div>
</body>
</html>

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Soucis d'espacement entre les tr

Message par demeter1 le Jeu 26 Mar 2015 - 23:16

Parfait. Merci Scoubifitz.

demeter1
+ Hyperactif +

Masculin
Messages : 8232
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 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