Horizontal Scrolling Layer 1

[southbeach]

I have

<div style="height:110px; width:620px; overflow-x:scroll ; overflow-y: hidden; padding-bottom:10px;">
<img class="magnify" src="media/photos/album/event012010.jpg" style="width: 95px; height: 105px; float: left; padding-right: 2px; border: 0px;" />
</div>

In actual code I have about 16 image tags but only 6 of them show. So, it only shows the first number of images that fit within the defined width of the layer. It is not scrolling nor showing the scrolling bar ...

What am I doing wrong?


--
SouthBeach

http://www.fpgroups.com

The good thing about not knowing is the opportunity to learn - Yours truly, 2008.

 

[vacunita]

Remove the floating from the images, since they are inline elements they'll be next to each other on the same line as long as their is space.

To force them to continue inline regardless of space, and thus activate the scrollbar add a white-space:nowrap; to the div's style.

This should make the horizontal scroll bar work.


----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Web & Tech