I am trying to get this div to be 100% of the window, and 500px high, and only scroll horizontally. any ideas? thanks!
*link removed, solved*
thanks!
Gallery
Hello
You must create a div container with the property overflow:scrollbars, define width and height
And add a div for each picture with float:left, something like
i got it to work. thanks.
i got it to work. thanks.
how did you get it to work?
Hi thopunk, how did you get it working. Putting every image in a floated left div inside a div with set dimensions and overflow-x:scroll; didn't work for me. The divs just turn into a vertical column.
I tried this: http://www.vishwebdesign.com/xhtml-css-tutorials/displaying-images-in-horizontal-row/ but it didn't work in IE6 and isn't wc3 compliant.
It's long been a goal of mine to achieve this but so far no luck.
In the meantime they have to go in a table! :shrug:
Correction
Hi thopunk, how did you get it working. Putting every image in a floated left div inside a div with set dimensions and overflow-x:scroll; didn't work for me. The divs just turn into a vertical column.
I tried this: http://www.vishwebdesign.com/xhtml-css-tutorials/displaying-images-in-horizontal-row/ but it didn't work in IE6 and isn't wc3 compliant.
It's long been a goal of mine to achieve this but so far no luck.
In the meantime they have to go in a table! :shrug:
Hello..Am vishwebdesign..The tutorial of mine that you linked to, works on both Mozilla FF and i.e 6.0 but not on opera. I don't believe it's not possible without some javascript.
Thanks Vishwebdesign, I made
Thanks Vishwebdesign, I made a mistake it was a javascript png fix that broke the scrolling in IE6. I'll use your method next time as I don't think Opera is worth developing for at the moment.
thanks