I can't center the images in the picasa web gallery!

[David]

I have created a image gallery with the picasa module. I changed only the pixel sizes of the pictures in the Template.

However, I am not able to center all images horizontally (vertically works fine).

Here is the Template:

Code: Select all

<__script__ type="text/javascript" src="modules/PicasaWebAlbumBrowser/templates/lightbox/js/prototype.js"></__script>
<__script__ type="text/javascript" src="modules/PicasaWebAlbumBrowser/templates/lightbox/js/scriptaculous.js?load=effects"></__script>
<__script__ type="text/javascript" src="modules/PicasaWebAlbumBrowser/templates/lightbox/js/lightbox.js"></__script>

<link rel="stylesheet" href="modules/PicasaWebAlbumBrowser/templates/lightbox/css/lightbox.css" type="text/css" media="screen" />


{section name=thumbnails loop=$thumbnails}
    <div style='float:left; text-align:center; vertical-align:center; height:150px; width:150px;'>
        <a rel="lightbox[{$album}]" title="{$titles[thumbnails]|default:' '}" href="{$images[thumbnails]}">
            <img src='{$thumbnails[thumbnails]}'  style='padding: 0px;'/>
        </a>
    </div>
{/section}
{if $albumDrillDown}
    <div style='clear:both; text-align:center; height:160px; width:100%;'>
        <a href='{$linkBack}'>{$linkBackText}</a>
    </div>
{/if}

And here is the gallery-link. As you can see, it looks a bit messy, due to the fact that its not alined horizontally.

http://www.feuerwehrsuhr.ch/index.php?mact=PicasaWebAlbumBrowser,cntnt01,default,0&cntnt01user=feuerwehrsuhr&cntnt01albumid=5137755556739739393&cntnt01imagethumbsize=144&cntnt01albumthumbsize=144&cntnt01imagesize=&cntnt01include=&cntnt01exclude=&cntnt01returnid=76

It would be great if someone could help.

Thanks