:oops: Fallais jour sur le height ... etrange car j'avais modifié la valeur et ca n'avais fait aucun changement ... c'est peu etre le cache de mon navigateur qui ma joué des tour ...

donc faut mettre height a 150.

:oops:

Donnes nous la solution, elle pourrait être utile à d'autres ;)

probleme reglé.

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]<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>[/code]

et voici le css


[code]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 } [/code]

une impression ecran de ceux que j'ai

[img]http://img245.imageshack.us/img245/3824/sanstitre2as1.png[/img]

Merci de votre aide.