dwoody
08-23-04, 11:37 AM
Hi,
I am writing a page where I have a div at the bottom that holds a bunch of thumbnail images. If there are a large number of images that I have to insert then I want the div to be able to scroll left and right without disturbing the rest of the page. I have accomplished this but I am not yet satisfied with the location of the scroll bars. I was wondering if there was a way that I could move the left-to-right sliding scroll bar from the bottom of the div to the top. Also I would like to get rid of the up and down scroll bar. Does anyone know how to do this?
<html>
<style>
.imgscroll {color: #000000; background-color: #FFFFFF; width: screen.availWidth; height: 100px; overflow: scroll}
</style>
<body>
<DIV align=center class="imgscroll">
<img src="firstim.gif"> <img src="secondim.gif">
</DIV>
</body>
</html>
I am writing a page where I have a div at the bottom that holds a bunch of thumbnail images. If there are a large number of images that I have to insert then I want the div to be able to scroll left and right without disturbing the rest of the page. I have accomplished this but I am not yet satisfied with the location of the scroll bars. I was wondering if there was a way that I could move the left-to-right sliding scroll bar from the bottom of the div to the top. Also I would like to get rid of the up and down scroll bar. Does anyone know how to do this?
<html>
<style>
.imgscroll {color: #000000; background-color: #FFFFFF; width: screen.availWidth; height: 100px; overflow: scroll}
</style>
<body>
<DIV align=center class="imgscroll">
<img src="firstim.gif"> <img src="secondim.gif">
</DIV>
</body>
</html>