[image] mosaïque

Version imprimable

[image] mosaïque

Bonjour,

Voilà j'ai le code suivant qui utilise un tableau pour afficher sur 2 lignes, 2 images cote à cote : soient 4 images.

En ligne, les images se touchent (il n'y a pas de bordure), mais entre la ligne 1 et la ligne 2, une bordure apparait et JE N'ARRIVE PAS A L'ENLEVER.

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
 
 
 
</head>
<body>
 
 
 
<br />
<br />
 
 
<table border='0' cellpadding='0' cellspacing='0'>
<tr>
<td>
<a border='0' href="#">
<img src="test2.jpg" alt="" title="test2" width="479" height="269" border="0" />
</a>
</td>
 
<td>
<a border='0' href="#">
<img src="test2.jpg" alt="" title="test2" width="479" height="269" border="0" />
</a>
</td>
</tr>
 
<tr>
<td>
<a border='0' href="#">
<img src="test2.jpg" alt="" title="test2" width="479" height="269" border="0" />
</a>
</td>
 
<td>
<a border='0' href="#">
<img src="test2.jpg" alt="" title="test2" width="479" height="269" border="0" />
</a>
</td>
</tr>
</table>
</body>
</html>

Pourquoi ? :?

Merci à tous. ;)

05/05/2006, 16h24
masu
essai un css qui enleve toutes les marges.
Code:

1 2 3 4 * { margin:0; padding:0; }
05/05/2006, 16h29
Oluha

passe par le CSS aussi pour tes bordures
05/05/2006, 16h34
masu
Code:

1 2 3 table { line-height: 0; }
semble fonctionner.

ps: ya pas de border="0" sur une balise a

tout en css c'est plus mieu beau c'est vrai

Code:

1
2
3
4
<div id="contener">
<a href="#"><img src="film2b.jpg" alt="" title="test2" width="479" height="269" /></a><a href="#"><img src="film2b.jpg" alt="" title="test2" width="479" height="269" /></a>
<a href="#"><img src="film2b.jpg" alt="" title="test2" width="479" height="269" /></a><a href="#"><img src="film2b.jpg" alt="" title="test2" width="479" height="269" /></a>
</div>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
a img {
border: none;
}
div#contener {
    line-height:0;
    width:958px;
    height:538px;
}
#contener a {
    float:left;
    margin:0;
    padding:0;
}

05/05/2006, 17h05
Mister Nono

Merci masu pour ta réponse qui est sympa : en effet le CSS est mieux, et je code toujours en CSS, sauf pour faire des tests unitaires où cela n'est pas juditieux.

Mais une chose m'échappe dans ta solution : comment gères-tu le nombre de mosaique par ligne ?

Par exemple, si je veux une ligne de 3 images et une deuxième ligne de 2 images : comment je fais puisque les images sont positionnées automatiquement dans ton exemple ? Merci encore. :?
05/05/2006, 18h42
masu

Citation:

Envoyé par Mister Nono

Mais une chose m'échappe dans ta solution : comment gères-tu le nombre de mosaique par ligne ?

Par exemple, si je veux une ligne de 3 images et une deuxième ligne de 2 images : comment je fais puisque les images sont positionnées automatiquement dans ton exemple ? Merci encore. :?

la taille du div#contener
05/05/2006, 19h45
Mister Nono

Merci, je vais essayer ta dernière suggestion.

Entre nous je pensais à la même chose que toi mais je voulais ton avis.

A+