Gros souci de 1px environ sur un tableau avec image

**gus02** · 19/05/2008, 10h40

Bonjour a tous et a toutes,
VOici mon probleme,

j'ai un tableau découpé en trois parties :

-la tete
-le corps
-les pieds

probleme il y a un tout petit espacement entre la tete et le corps et le corps et les pieds !!! impossible de le retirer.(cellpadding=0 cellspacing=0)
Si sa vous est deja arrivé ... OU si vous avez une idée un parametre a ajouter dans image, dans table ....??

Merci a vous !

**copin** · 19/05/2008, 11h48

Salut,

Tu peux donner un peu de code, s'il te plait.
Ca sera plus simple pour t'aider.

Blop!

**Er3van** · 19/05/2008, 12h35

D'une : sous quel navigateur as-tu testé ?

De deux : du code !

C'est peut-être simplement que la bordure des tables n'est pas nulle, malgré le cellpadding et cellspacing ça génère un espacement

Mais sans code...

**gus02** · 19/05/2008, 13h31

Voila mon code simplifier (j'ai enlever le texte le formulaire....)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
	<table cellpadding=0 cellspacing=0>
	<tr >	
		<td colspan="3">
		<img src="images/Test_homme/tete.png">
		</td>
	</tr>
 
	<tr>
		<td align="left">
			<img src="images/Test_homme/gauche.png">
		</td>
 
		<td bgcolor="#F1EFE2" align="center">
			TEXTE
			<table border="0" width="100%" cellpadding=0 cellspacing=0>
				<tr>
					<td align="left" width="7">
					IMAGE
					</td>
					<td>
						<table cellpadding=0 cellspacing=0>
							<tr>
								<td>FORMULAIRE</td>
							</tr>
							<tr>
								<td>TEXTE</td>
							</tr>
							<tr>
								<td>LIEN</td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
		</td>
 
		<td align="right" width="9">
			<img src="images/Test_homme/droit.png">
		</td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="images/Test_homme/pied.png">
		</td>
	</tr>
	</table>

**copin** · 19/05/2008, 13h48

Re,

Comme Er3van le dis si bien la bordure des tables n'est pas nulle, malgré le cellpadding et cellspacing ça génère un espacement...

Donc essaie,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<table cellpadding="0" cellspacing="0" border="0">

Si cela ne résoud pas le problème.

Etant donné qu'on a pas tes images sur nos pc, on a un peu de mal a reproduire le probleme. Si elles sont stockées sur un serveur donne le chemin d'accès pour qu'on voit ce que ca donne.

**Er3van** · 19/05/2008, 13h48

En testant avec ton bout de code sur IE6 je n'ai aucune marge...

Ca vient peut-être d'ailleurs...

Sinon, trois tables incluses ??? ^^'
Tu peux réduire à une seule en te servant de colspan et rowspan ( quoique ça puisse générer des bugs sous FF paraît-il... )

**4R416N33** · 19/05/2008, 14h25

rowspan et colspan pas conseillé comme tu le disais.

Maintenant, ces deux bouts de codes devraient régler ton problème :

Tout d'abord :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<body marginheight="0" marginwidth="0">

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<table cellpadding="0" cellspacing="0" border="0">

De plus, pense à donner un attribut height à ton td, et pour ton td

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<td height="heightTd"><div style="height:heightTdpx;">Contenu de ton td</div></td>

Gros souci de 1px environ sur un tableau avec image

HTML

Vue hybride

Discussions similaires

Partager

Partager