[HTML] faire correspondre 2 moitiés d'images

**qmulonainbus** · 06/09/2006, 14h17

bonjour à tous

je suis nouveau sur le forum et semi-débutant en hmtl
mon problème : j'ai un tableau à 2 lignes, 1 image /ligne
ces 2(moitié/moitié) images doivent n'en former q'une seule.
Dans l'aperçu ça marche, mais sous firefox mes 2 images sont séparées
voici le code :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
 
<table border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td width="958" height="106"><p><img src="../A.gif" width="183" height="148"
             border="0" valign="top" nowrap></td>
    </tr>
    <tr>
        <td width="958"><p><img src="../B.gif" width="183" height="130" border="0"
             valign="top" nowrap></td>
    </tr>
</table>
</body>

pouvez-vous m'aider? merci d'avance

**fallais** · 06/09/2006, 15h52

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<table border="0" style="width: 958px; border: 0px; border-collapse: collapse;">
<tr>
<td valign="top">
<p><img src="../A.gif" width="183" height="148" border="0" /></p></td>
</tr>
<tr>
<td valign="top"><p><img src="../B.gif" width="183" height="130" border="0" /></p>
</td></tr>
</table>

Ca marche la ?
Tu devrais utiliser le CSS !

**qmulonainbus** · 06/09/2006, 15h55

merci c'est déjà mieux : l'espace entre les 2 est réduit
mais néamoins il subsiste :
mes images sont séparées par 2 pixels environ, comme si il y avait une bordure invisible
à quoi cela est-il du?

**fallais** · 06/09/2006, 15h58

Code :

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

1
2
3
4
5
6
7
8
9
<table border="0" style="width: 958px; border: 0px; border-collapse: collapse;">
<tr>
<td valign="top"  style="border: 0px;">
<p><img src="../A.gif" width="183" height="148" border="0" /></p></td>
</tr>
<tr>
<td valign="top" style="border: 0px;"><p><img src="../B.gif" width="183" height="130" border="0" /></p>
</td></tr>
</table>

Et la ?

**MasterOfChakhaL** · 06/09/2006, 16h12

je pense que tu devrais rajouter

Code :

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

style="display:block;"

comme attribut à tes images

**qmulonainbus** · 06/09/2006, 16h20

merci pour ton investissement Elwyn mais l'espacement est toujours présent

=>MasterOfChakhaL :

Code :

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

1
2
3
4
5
6
7
8
9
<table border="0" style="width: 958px; border: 0px; border-collapse: collapse;">
<tr>
<td valign="top"  " style="display:block;">
<p><img src="../A.gif" width="183" height="148" border="0" /></p></td>
</tr>
<tr>
<td valign="top" style="display:block;"><p><img src="../B.gif" width="183" height="130" border="0" /></p>
</td></tr>
</table>

voilà j'ai essayé ta méthode, mais le résultat ne change

quel avantage à utiliser CSS pour cela?

pour vous aider je vais expliquer plus mon problème que j'ai simplifier avec cet exemple
en fait la page du site en question sera composée en partie un tableau de 5 par 4 contenant des images qui reproduisent si elle se collent bien, une plus grande
avez-vous une solution ?
oui je suis un semi-newb

[HTML] faire correspondre 2 moitiés d'images

HTML

Vue hybride

Discussions similaires

Partager

Partager