Lien image bordure visible

**badrou** · 08/03/2010, 13h05

bonjour a tous
je vien de débuter en html
j'ai réalisé le design d'une page web avec photoshop et je l'est exporter en html
le problème c'est que j'ai utilisé un tableau pour l'organisation des partis et des onglets des navigation
mais sur certain navigateurs comme IE et meme firefox
les fond son décalé de quelque pixels et surtout sur les lien en bouton
voir le dernier bouton
voici le code

et la page
http://bedji.fortunecity.com/index.html

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
<body bgcolor="#674c33" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (webhomeTrancher.psd) -->
<table id="Tableau_01" align="center" width="900" height="800" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td background="images/webhomeTrancher_01.jpg" width="900" height="160"colspan="8">
			</td>
	</tr>
	<tr>
		<td background="images/webhomeTrancher_02.jpg" width="151" height="640" rowspan="2" align="left">
			</td>
		<td background="images/webhomeTrancher_03.jpg" width="99" height="32">
			<A HREF="index.html"><img src="images/webhomeTrancher_03.jpg" width="98" height="28" alt=""></a></td>
		<td background="images/webhomeTrancher_04.jpg" width="100" height="32">
			<A HREF="index.html"><img src="images/webhomeTrancher_04.jpg" width="100" height="28" alt=""></a></td>
		<td background="images/webhomeTrancher_05.jpg" width="100" height="32">
			<A HREF="index.html"><img src="images/webhomeTrancher_05.jpg" width="100" height="28" alt=""></a></td>
		<td background="images/webhomeTrancher_06.jpg" width="100" height="32">
			<A HREF="index.html"><img src="images/webhomeTrancher_06.jpg" width="100" height="28" alt=""></a></td>
		<td background="images/webhomeTrancher_07.jpg" width="100" height="32">
			<A HREF="index.html"><img src="images/webhomeTrancher_07.jpg" width="100" height="28" alt=""></a></td>
		<td background="images/webhomeTrancher_08.jpg" width="100" height="32">
			<A HREF="index.html"><img src="images/webhomeTrancher_08.jpg" width="99" height="28" alt=""></a></td>
 
		<td background="images/webhomeTrancher_09.jpg" width="150" height="640"rowspan="2">
			</td>
	</tr>
 
	<tr>
		<td background="images/webhomeTrancher_10.jpg" width="599" height="608" colspan="6" Valign="top" align="right">
			<br><br> <br><br>
 
		</tr>
</table>

comme vous l'avez remarquer j'ai modifier les propretés border="0" cellpadding="0" cellspacing="0" pour ne pas avoir du contours mais ca ne marche pas
merci pour votre aide
bedji

**HiRoN** · 08/03/2010, 16h43

Bonjour,

As-tu tenté de rajouter un :

Code CSS :

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

a img { border:none; }

Dans ton CSS ?

**badrou** · 08/03/2010, 18h03

j'en ai pas utilisé du css
doit-je en utilisé ?
y a t'il pas une autre façon
**********************
ah merci ca marcha a merveille
es qu'il est utile d'utilisé aussi la propriété
border-collapse: collapse;
pour le tableau ?
merci d'avance