Making the spry master detail section...

SPRY DATA SET, What I would like to do is have multiple thumbnails in one section instead of running down the page! This will save the person viewing the data set having to scroll down the page.
If this cannot be done then get the MASTER DETAIL SECTION to float when the viewer scrolls down the page.
If I have 8 thumbnails clicking on the last thumbnail down the bottom I have to scroll to the top to see the image!
can I get this to float?

Any help please!

To view the website I am working on visit http://www.bellybuttonmaternity.com.au/tops.php

Thank you!

Making the spry master detail section...

If you don't get any answers to your question here, I'd suggest that you post to the forum specifically set up for Spry:

http://forums.adobe.com/community/adobe_labs/spry_framework_ajax_prelease

Making the spry master detail section...

Let's look at both the option you need one by one:

===================================================

FIRST - MAKING ALL THUMBNAILS COME UP

For this you have to change your styles as following in sprymasterdetail.css

.MasterDetail .MasterContainer
{
?background-color: #EAEAEA;
?border: 1px solid gray;
?width: 35%;
?float: left;
text-align:center;
?overflow: hidden;
}

/* This is the selector for a Master Column element which holds the actual data for
* a master column.
*/
.MasterDetail .MasterColumn
{
?font-size: 75%;
?background-color: #CCCCCC;
?padding:5px;
?cursor:pointer;
?display:inline;
}

The two values in blue are the changes....u mayneed to do some minor adjustments for beautification as per your need.

SECOND - KEEPING THE MASTER SECTION FLOATING:

Here you need to fix your details region as following:

.MasterDetail .DetailContainer
{
?border: 1px solid gray;
?padding:10px;
?width: 60%;
?position:fixed;
?right:10px;
?top:10px;
?float: right;
?overflow: auto;
}

===================================================

Hope this is what you were looking for.

Regards,

Vinay

skin