[image] mosaïque

**Mister Nono** · 05/05/2006, 16h20

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 :

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

**masu** · 05/05/2006, 16h24

essai un css qui enleve toutes les marges.

Code :

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

1
2
3
4
* {
margin:0;
padding:0;
}

**Oluha** · 05/05/2006, 16h29

passe par le CSS aussi pour tes bordures

**masu** · 05/05/2006, 16h34

Code :

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

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

semble fonctionner.

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

**masu** · 05/05/2006, 16h50

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

Code :

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

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 :

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

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

**Mister Nono** · 05/05/2006, 17h05

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.

[image] mosaïque

HTML

Vue hybride

Discussions similaires

Partager

Partager