Page 1 of 1
GalleryS album layout
Posted: Wed Jun 20, 2007 12:48 pm
by steve
Hi all,
I hope that someone can help, I'm using the GalleryS plugin and all's workig fab apart from the layout of the thumg on the individual album page. Ideally I'd like the thumbs to arrange themselves horizontally an dropping to a new line when the right edge is reached.
I usually do this with 'float: left;' but not working this tim. Not sure what to try next.
http://www.firstspace.co.uk/test.html
Suggestions?
Steve
Re: GalleryS album layout
Posted: Wed Jun 20, 2007 2:09 pm
by cyberman
To the first I suggest to simplify Gallery template - here you will see a snippet from you template
Code: Select all
<div class="sgThumbnail">
<div class="sgThumbnailContent">
<table><tr><td>
<a href="moduleinterface.php?module=galleryS&id=m3&m3action=viewgallery&m3returnid=57&gallery=./digital%20sketches&image=mountainScene_01.jpg"><img src="modules/galleryS/singapore/thumb.php?gallery=./digital%20sketches&image=mountainScene_01.jpg&width=100&height=100" width="51" height="100" alt="mountainScene 01" title="mountainScene 01" /></a>
</td></tr></table>
</div>
My Version looks like this
Code: Select all
<div class="sgThumbnail">
<a href="moduleinterface.php?module=galleryS&id=m3&m3action=viewgallery&m3returnid=57&gallery=./digital%20sketches&image=mountainScene_01.jpg"><img src="modules/galleryS/singapore/thumb.php?gallery=./digital%20sketches&image=mountainScene_01.jpg&width=100&height=100" width="51" height="100" alt="mountainScene 01" title="mountainScene 01" /></a>
</div>
Now you have only the problem that a div is a block element and will create every time a carriage return. But you can modify this with CSS. Place parameter
to sgThumbnail class and you will have thumbs as a line
Re: GalleryS album layout
Posted: Wed Jun 20, 2007 6:16 pm
by steve
Thankyou cyberman!
Worked a treat
Steve