div courte, image qui continue
Bonjour,
je voudrais faire en sorte que ma div fasse par exemple 500px de long, et que les image qui sont a l'interieur elle puisse continuer a s'affiche plus long sans qu'on les voit, en gros c'est pour pouvoir ensuite en javascript décalé le left de la div pour afficher le reste des image qui etait cacher, pour l'instant j'ai fait ceci :
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
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<style type="text/css">
<!--
body,td,th {
color: #333333;
}
img {
width:100px;
}
div#conteneur {
position:relative;
width:500px;
height:100px;
background-color:#CCCCCC;
}
div#glisse {
position:absolute;
left:0px;
top:0px;
width:100%;
height:80px;
background-color:#666666;
overflow:hidden;
}
-->
</style></head>
<body>
<div id="conteneur">
<div id="glisse">
<img src="img.jpg" /><img src="img.jpg" /><img src="img.jpg" /><img src="img.jpg" /><img src="img.jpg" /><img src="img.jpg" /><img src="img.jpg" />
</div>
</div>
</body>
</html> |
http://mimagyc.ovh.org/test.html
et comme vous pouvez le voir, le reste des imiage s'affiche en une deuxieme ligne, or je voudrait que le reste des images reste sur la meme ligne pour ensuite les faire défilé
Merci.
