Jump to content

Resolved - tiling thumbnails?


Guest Dan Lindley

Recommended Posts

Guest Dan Lindley

Hi Y'all

 

Am currently working on a site for a friend, and have pretty much got hte product page looking how i want to. Everything looks good until we start using 5 or more images per product and they display in a long line vertically.

 

Is there any way that i can adjust this so that thumbnails for the site either display first Horiziontally then vertically, or after 5 images start a new vertical column??

 

any help would be appreciated

 

We're using CC5, and i'm editing the Mican Blue Skin to suit.

You can see what I mean here: http://79.170.40.240/huddersfieldelectronics.co.uk/index.php?_a=product&product_id=9

 

Any help on this would be much appreciated.

 

thanks and Regards

Link to comment
Share on other sites

One solution is, common.css, line 562:

#gallery_select {
    float: left;
    height: 270px;
    overflow: auto;
    text-align: center;
    width: 90px;
}

Have the browser force a reload of page resources to get the latest css changes.

 

You might also try:

#gallery_select {
    float: left;
    height: 270px;
    text-align: center;
    width: 240px;
}
#gallery_select > a {
    display: block;
    float: right;
    margin: 5px;
}

Link to comment
Share on other sites

Guest Dan Lindley

You sir are a gentleman and a scholar... Can i get you a pint?

 

The first option was a good call, and would have settled with that until i tried the second option which was PERFECT!!!

 

Thank You very muchly.

 

Dan

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...