[thelist] overflow: auto;
Dan McCullough
dan.mccullough at gmail.com
Mon Jan 31 13:34:19 CST 2005
having a small issue with implementing this. i cant implement this. :)
I have some content on one side its a box thats 425x400, and inside
the box are images. these images should overflow below the bottom of
the box and a scroll bar should appear. however what happens is that
the box streches to fit the rows that should be going underneath.
HTML ##########################################################
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td id="styleSelect">
<img src="images/shirt2.jpg" class="styleimage"><img
src="images/shirt2.jpg" class="styleimage"><img
src="images/shirt2.jpg" class="styleimage"><br>
<img src="images/shirt2.jpg" class="styleimage"><img
src="images/shirt2.jpg" class="styleimage"><img
src="images/shirt2.jpg" class="styleimage"><br>
<img src="images/shirt2.jpg" class="styleimage"><img
src="images/shirt2.jpg" class="styleimage"><img
src="images/shirt2.jpg" class="styleimage"><br>
<img src="images/shirt2.jpg" class="styleimage"><img
src="images/shirt2.jpg" class="styleimage"><img
src="images/shirt2.jpg" class="styleimage"><br>
<img src="images/shirt2.jpg" class="styleimage"><img
src="images/shirt2.jpg" class="styleimage"><img
src="images/shirt2.jpg" class="styleimage"><br>
</td>
</tr>
</table>
###############################################################
CSS###########################################################
#styleSelect {background-color:#fff;height:425px;width:400px;text-align:center;border:3px
solid #68BB30;padding:5px;float:middle;vertical-align:top;overflow:auto;}
.styleimage {padding:10px 5px 10px 5px; overflow: hidden;}
###############################################################
now normally I do something incrediably stupid so be kind. :)
More information about the thelist
mailing list