Skip to main content
This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.
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.
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)
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.
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.
try editing the code in the GalleryContentPage.ss, if i remember correctly it uses tables, and add
cellspacing=0 and cellpadding=0
you are an absolute legend!!! I cannot thank you enough. You have really saved my skin..
Thank you Thank you Thank You!!!
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 :P
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):