Displaying thumbnail list horizontally instead of vertically

[j3ron]

I'm doing this site for a friend -

http://www.grafx.dk/testSite/index.html

This is how it looks now. I'd like to get the thumbnail bar to function horizontally instead.

Im getting the data / images etc from a table and have made a spry dataset out of this to easily add new stuff - change descriptions etc.
The thumbnails are the master column - but I don't know enough about CSS (html?) to figure out what I need to do to get that column to display my thumbnails in a horizontal bar on the bottom instead.

Anyone who can help me with this?

 

[specialk]

Put a line break behind your images and it will make each one go to a new line, or you can setup frames and set one to the side to be a very narrow frame and this will force them to be vertical. Oops, I just re-read your post, O.K. do the opposite of what I just said.

 

[optimus203]

This should work for the MasterContainer, then just move the full size html code before the thumbnails.

.MasterDetail .MasterContainer {
background-color: #EAEAEA;
border: 1px solid gray;
width: 500px; /* width desired */
height:150px; /* max height of thumbnails */
float: left;
overflow: scroll;
clear: right;
}

 

[j3ron]

Thanks - I'll give it a try )