problème de bordure avec les tables sous IE

Version imprimable

Bonjour,

J'ai un petit souci avec une table sous Internet explorer.

Voici une partie du code qui posse problème
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <table border="0" cellpadding="0" cellspacing="0" bgcolor="#000000" WIDTH="150"> <tr height="10"> <td> <IMG SRC="img/interface/CarreHautGauche.bmp" WIDTH="10" HEIGHT="10" ALT=""> </td> <td > <IMG SRC="img/interface/CarreHaut.bmp" WIDTH="130" HEIGHT="10" ALT=""> </td> <td> <IMG SRC="img/interface/CarreHautDroit.bmp" WIDTH="10" HEIGHT="10" ALT=""> </td> </tr>
Sous mozilla niquel, les trois images sont collé cote a cote sans problème mais sous IE, on voit un cadre blanc... pourtant j'ai mit border 0... mais rien y fait...

J'ai essayé en passant par css en faissant:
Code:

1 2 3 4 5 .NoCadre{ border-style:hidden; border:0; }
on voit toujours ce contour blanc... je comprend pas pourquoi... merci d'avance.
Silvia

:salut:

Il te suffit de définir tes cellules en absolu dans ta table :

Code:

1
2
3
4
 
<td><img src="/a.jpg" class="cl1"></td>
<td><img src="/b.jpg" class="cl2"></td>
<td><img src="/c.jpg" class="cl3"></td>

et ton CSS :

Code:

1
2
3
4
 
.cl1{position:absolute; width:10; left:0px;}
.cl2{position:absolute; width:130; left:10px}
.cl2{position:absolute; width:10; left:140px}

27/09/2007, 22h18
Silvia12

Je suis pas trés douer en Css, et j'arrive pas le faire... ca me fait 3 image eloigné l'une de l'autre et je voie toujours le carré de mon <table>

Il manque pas un truc a mettre ?
Comment allonger l'image du millieu pour qu'elle touche la 1e et la 3e sans espace? et comment enlever le contour de mon <table> ????

Re ! Voici le code en entier :

Code:

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
 
<html>
 
<head>
 
<style>
 
.cl1{position:absolute; width:10; left:0px;}
.cl2{position:absolute; width:130; left:10px}
.cl3{position:absolute; width:10; left:140px}
 
</style>
 
</head>
 
<body>
 
 
<table width=150>
 
<tr>
<td class="cl1"><img src="img/interface/CarreHautGauche.bmp" width=100%></td>
<td class="cl2"><img src="img/interface/CarreHaut.bmp" width=100%></td>
<td class="cl3"><img src="img/interface/CarreHautDroit.bmp" width=100%></td>
</tr>
 
</table>
 
</body>
 
</html>

27/09/2007, 22h45
Silvia12

Ah, oki, j'avais pas mis les class dans les td mais dans les images....

Merci bcp !!!!
27/09/2007, 22h46
Madfrix

Normal, c'est moi qui avait fait l'erreur :king:

PS : n'oublies pas le tag "Résolu"
28/09/2007, 10h45
haltabush

Heu, et avec un border-collapse sur les td, ça marche pas aussi? Ca évite de mettre le position:absolute (moi je suis un peu alergique à cette méthode ;) )