Bonjour

J'ai un scroll qui marche (enfin) mais cependant je n'arrive pas a lui donner une dimension afin de lui faire afficher mes miniature dedans ! le div est tout petit ....

Pour info j'utilise : http://www.dyn-web.com/dhtml/scroll/scroll-rel-h.html


voici le code

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
<table class="main" cellspacing="0" cellpadding="6" border="0" width="754">
<tr>
  <td> </td>
	<td>
<!-- scrolling layers -->
<div id="hold">
<div id="wn">
	<div id="lyr1" class="content">
  <table id="t1" border="0" cellpadding="0" cellspacing="6">
 
	 <tr>
<?php
 ... ma requete qui affiche les image ... 
 
 echo '<td><a href="image_up/photos_carnet/',$valeur1,'.',$valeur2,'" width="800" height="600" rel="lightbox" ><img src="image_up/photos_carnet/mini/',$valeur1,'-mini.png"   /> </a></td>';
}}
?> 
 </tr>
  </table>
 
  </div>
</div>  <!-- end wn div -->
</div>	<!-- end hold div -->
  </td>
  <td> </td>
</tr>
<tr>
  <td class="spacer" height="44"> </td>
	<td class="arrows" height="44">
	<p align="center"><!-- Scroll links -->
 
    <a href="javascript://" onclick="return false" onmouseover="dw_scrollObj.initScroll('wn','left')" onmouseout="dw_scrollObj.stopScroll('wn')" onmousedown="dw_scrollObj.doubleSpeed('wn')" onmouseup="dw_scrollObj.resetSpeed('wn')">
	<img src="aro-lft.gif" alt="" /></a>    
    <a href="javascript://" onclick="return false" onmouseover="dw_scrollObj.initScroll('wn','right')" onmouseout="dw_scrollObj.stopScroll('wn')" onmousedown="dw_scrollObj.doubleSpeed('wn')" onmouseup="dw_scrollObj.resetSpeed('wn')">
	<img src="aro-rt.gif" alt="" /></a>
  </td>
  <td class="spacer" height="44"> </td>
</tr>
<tr>
  <td> </td> 
  <td class="footer">&nbsp;</td>
  <td> </td>
 
</tr>
</table>
et voici le css


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
div#hold	{ 
	position:relative; overflow:hidden;
	width:184px; height:52px; z-index:100
	}
div#wn	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:184px; height:52px; 
	clip:rect(0px, 184px, 52px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
div#lyr1	{ 
	position:absolute; visibility:hidden; 
	left:0px; top:0px; 
	z-index:1; 
	}
 
table.main { 
  width:300px; margin:auto;
  background-color:#eee; border:1px dashed #666 
  }
td.arrows a { padding:0 1em }
td.spacer { width:38px }
td.footer { text-align:center; margin:.8em 0 .6em }
une impression ecran de ceux que j'ai



Merci de votre aide.