bonjour,

j'ai créé un tableau avec des bords arrondis, c.a.d. j'ai mis des images au 4 angles. Pas de problème dans ie mais dans firefox par contre j'ai décalage à l'affichage des images !!!

si quelqu'un à une idée, je l'en remercie d'avance,
Hervé.

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
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
 
<html>
	<head>
		<title>test</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<style>
                        .tableppal { width: 220px;}
                        .tableppal .top .left, .tableppal .top .right, .tableppal .bottom .left, .tableppal .bottom .right 
                        {width: 20px; height: 20px; }
                        .tableppal .top .left {background-position: top;background-image:url(/img/top_left_trait.png);background-repeat: no-repeat; }
                        .tableppal .top .right {background-position: top; background-image: url(/img/top_right_trait.png); background-repeat: no-repeat;}
                        .tableppal .bottom .left {background-position: bottom;background-image: url(/img/bottom_left_trait.png); background-repeat: no-repeat; }
                        .tableppal .bottom .right {background-position: bottom;background-image: url(/img/bottom_right_trait.png); background-repeat: no-repeat; }
                        .tableppal .bottom .center {width:180px;background-color:#f8f8ff}
                        .tableppal .top .center {width:180px;background-color:#f8f8ff}
                </style>
	</head>
 
	<body bgcolor="#ccff33">
		<div>
			<table border="0" cellspacing="0" cellpadding="0" class="tableppal" ID="Table1">
				<tr class="top">
					<td class="left">&nbsp;</td>
					<td class="center" style="border-top:1px solid #808080">&nbsp;</td>
					<td class="right" >&nbsp;</td>
				</tr>
				<tr bgcolor="#f8f8ff">
					<td colspan="3" style="border-left:1px solid #808080;border-right:1px solid #808080">&nbsp;</td>
				</tr>
				<tr class="bottom">
					<td  class="left">&nbsp;</td>
					<td class="center" style="border-bottom:1px solid #808080">&nbsp;</td>
					<td class="right" >&nbsp;</td>
				</tr>
			</table>
		</div>
	</body>
</html>