Petit Probleme dimension de DIV
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:
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"> </td>
<td> </td>
</tr>
</table> |
et voici le css
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
| 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
http://img245.imageshack.us/img245/3...stitre2as1.png
Merci de votre aide.
