Displaying thumbnail list horizontally instead of vertically

j3ron · 12-13-2008, 07:58 AM

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 · 12-17-2008, 01:34 AM

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 · 12-21-2008, 07:29 PM

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

Quote:

.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 · 12-24-2008, 10:01 AM

Thanks - I'll give it a try )

12-13-2008, 07:58 AM	#1
j3ron New Member Join Date: Dec 2008 Posts: 5	Displaying thumbnail list horizontally instead of vertically 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?

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

12-17-2008, 01:34 AM	#2
specialk Bronze Member Join Date: Nov 2008 Posts: 70	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.

12-24-2008, 10:01 AM	#4
j3ron New Member Join Date: Dec 2008 Posts: 5	Thanks - I'll give it a try )