GalleryS album layout

[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

[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

Code: Select all

display: inline

to sgThumbnail class and you will have thumbs as a line

[steve]

Thankyou cyberman!

Worked a treat

Steve