Jump to:

17452 Posts in 4473 Topics by 1971 members

Archive

SilverStripe Forums » Archive » 'Gallery' Thumbnail Layout Issue

Our old forums are still available as a read-only archive.

Moderators: martimiz, Sean, biapar, Willr, Ingo, simon_w

Page: 1
Go to End
Author Topic: 1865 Views
  • Adamski
    Avatar
    Community Member
    14 Posts

    'Gallery' Thumbnail Layout Issue Link to this post

    Help..... please....... someone!

    Ok, so I might just be being dumb but I can't for the life of me sort this one out.

    I want my regular sized (Cropped Resize - 128px x 128px) thumbnails to sit side by side with no gaps - in a mosaic kind of way. I've played around with the CSS and I can't get them any tighter than they currently are....

    There is a screenshot here...... http://www.skigo.co.uk/proofs/thumbnailissue.png

    Please help, Silverstripe has been awesome for the type of CMS I have been looking for, and this module couldn't be any more ideal but I really need this bit to work for me.

    Thanks in advance.
    /Adam

  • Adamski
    Avatar
    Community Member
    14 Posts

    Re: 'Gallery' Thumbnail Layout Issue Link to this post

    I'm one step closer, i've got rid of the gap going across but not between the rows. For some reason it is calculating the table rows at 130px instead of 128px...........

    hope someone out there has a bright idea.... (new screenshot)

    http://www.skigo.co.uk/proofs/thumbnailissue2.png

    /Adam

  • Adamski
    Avatar
    Community Member
    14 Posts

    Re: 'Gallery' Thumbnail Layout Issue Link to this post

    heh........ me again.

    Line Height was the culprit. I set the line height for the table element to 0px and it's now spot on. (not using text in gallery so it's not a problem)

    Thanks for listening.... ;-) Sorry for cluttering up the forum.

    /A

  • Adamski
    Avatar
    Community Member
    14 Posts

    Re: 'Gallery' Thumbnail Layout Issue Link to this post

    back again...... turns out that fix worked for everything except IE.

    Anybody got any suggestions? This is getting desperate for me now as I have to deliver this site in the next couple of days.

    help...................!!!

  • Yellow7 Jon
    Avatar
    Community Member
    39 Posts

    Re: 'Gallery' Thumbnail Layout Issue Link to this post

    try editing the code in the GalleryContentPage.ss, if i remember correctly it uses tables, and add
    cellspacing=0 and cellpadding=0

  • Adamski
    Avatar
    Community Member
    14 Posts

    Re: 'Gallery' Thumbnail Layout Issue Link to this post

    you are an absolute legend!!! I cannot thank you enough. You have really saved my skin..

    Thank you Thank you Thank You!!!

  • Willr
    Avatar
    Forum Moderator
    5483 Posts

    Re: 'Gallery' Thumbnail Layout Issue Link to this post

    if i remember correctly it uses tables..

    It should really use something like a ordered or unordered list shouldnt it? Never did like that it used a big old ugly table. Anyone want to volunteer to tidy up the code for the gallery

  • Aram
    Avatar
    Community Member
    598 Posts

    Re: 'Gallery' Thumbnail Layout Issue Link to this post

    I have adapted the templates for the gallery to now use CSS to lay out the thumbnails instead of a table. It makes it much easier to edit the look of the images, such as margins etc.

    I've just submitted a ticket with the new code

    if anyone wants the code now, it's included below (remove the numbers from the end of the filenames before using them):

    1865 Views
Page: 1
Go to Top

Want to know more about the company that brought you SilverStripe? Then check out SilverStripe.com

Comments on this website? Please give feedback.