Here is link for the site I'm working on...
Now the Unit Plans fall below 102, 105 then goes to the next column, is there a way to make them fall next to each other instead of below easily?
I've stared at your question and your site for 5 minutes, and I can't understand what you are asking. Could you rephrase it?
Originally Posted by mbond5
What I mean is Unit 105 is below Unit 102 when I'd like it to be next to it and so on etc.
Each item is positioned absolutely and positioned via the style attribute:
The style code is inserted by the jQuery script. You can probably change that layout by changing the settings in the script at the bottom of your <head> element:
<div class="thumbHolder" data-id-i="1" data-id-j="0" style="left: 0px; top: 320px; ">
Try changing layoutType: 'grid', to layoutType: 'line',, or perhaps try changing thumbOrientation: 'horizontal', to thumbOrientation: 'vertical',.
/*layoutType: grid/line */
/*thumbOrientation: horizontal/vertical */
/*moveType: scroll/buttons */
/*scrollOffset: how much to move scrollbar and scrolltrack off the content (enter 0 or above) */
You'd think the 'horizontal' setting in the second example would be the one you want, but who knows.