Need help moving thumbnails from under main image to side (PRODUCT DISPLAY PAGE) CSS

[simpleelegance]

This is the code I THINK I need to change:

<ul id="thumbnails" class="thumbnails"></ul>
<div id="closeup_div" class="closeup"><img id="closeup_image" src="graphics/en-US/cssui/blank.gif" alt="" /><div><a id="closeup_close">close</a></div></div>
<mvt:item name="product_display_imagemachine" param="body:product:id" />
<div class="clear product-image-margin"></div>

I just want the thumbnails to appear on the SIDE of the main image instead of UNDER it.

Any help would be GREATLY appreciated, as always :-)

~Michelle

Miva 5.5 CSSUI

[KNewbrough]

Re: Need help moving thumbnails from under main image to side (PRODUCT DISPLAY PAGE)

You'll want to move <ul id="thumbnails" class="thumbnails"></ul> to before the main image img, and then you'll also need to change the CSS so that the ul itself floats left and the list elements inside no longer float.

.thumbnails{
float:left;
}
.thumbnails li{
clear:both;
}

You'll have to find your existing rules that match those classes in your CSS file and make those changes. Other changes may be necessary depending on your layout, including either making the main image smaller or making the container for both of those elements larger.

[simpleelegance]

Re: Need help moving thumbnails from under main image to side (PRODUCT DISPLAY PAGE)

Hi Kyle!
THANK YOU for answering my question -
I got the thumbnail showing up on the right side of my main image (where I want them) -

what do I do to add a bit of space on the left and on the bottom of the thumbnails,
to separate them a bit?

Current css reads:

.thumbnails{
float:right;
}
margin-left:10px;
margin-bottom:10px;
padding:0;
width:274px;
}


.thumbnails li{
clear:both;
margin:4px 4px 0 0;
padding:0;
width:50px;
text-align:center;
border:1px solid #eeeeee;
cursor:pointer;
}


.thumbnails li span{
display:inline-block;
height:100%;
text-align:center;
vertical-align:middle;
}



See the page (dev site)
http://dev.gownsbysimpleelegance.com...MAC81551L.html