problème de bordure avec les tables sous IE

**Silvia12** · 27/09/2007, 18h51

Bonjour,

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

Voici une partie du code qui posse problème

Code :

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

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 :

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

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

**Madfrix** · 27/09/2007, 21h37

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

Code :

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

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 :

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

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}

**Silvia12** · 27/09/2007, 22h18

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> ????

**Madfrix** · 27/09/2007, 22h31

Re ! Voici le code en entier :

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
 
<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>

**Silvia12** · 27/09/2007, 22h45

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

Merci bcp !!!!

**Madfrix** · 27/09/2007, 22h46

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

PS : n'oublies pas le tag "Résolu"

**haltabush** · 28/09/2007, 10h45

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

)

problème de bordure avec les tables sous IE

HTML

Discussions similaires

Partager

Partager