div courte, image qui continue

**mimagyc** · 03/08/2008, 22h10

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 :

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

**Bisûnûrs** · 03/08/2008, 23h49

Rajoute la propriété CSS white-space:nowrap; à ton div glisse.

**mimagyc** · 05/08/2008, 09h16

Merci, je connaissais pas

Résolu!

div courte, image qui continue

CSS

Vue hybride

Discussions similaires

Partager

Partager