CMS Made Simple Forums

Hi,  

Gallery is a great module and works well with square thumbs. I am trying to use the Lightbox template to display nonsquare thumbs and vertically centre the thumbs, but I have had little success with the supplied CSS. Has anyone had any luck on how to do this.  many thanks

If you Google on vertical align with css you will find it is very hard... I myself don't know a way to accomplish this

A link to the site would help...

My apologies,  link is http://www.photoessence.com.au/cmsms/index.php?page=see-my-works

thanks indeed.

you could use backgroundimages with background-position:center center; instead of using tags.

Here's the very simple CSS needed to do this.
.gallery {
text-align:center;
}
.gallery .img {
display:inline-block;
margin:10px auto;
max-height:240px;
vertical-align:middle;
}
.gallery .img a {
border:2px solid #DDDDDD;
display:block;
margin:0 10px;
padding:1px;
}
.gallery img {
border:medium none;
}

Note:
for IE6 you will need the following CSS ruleset in a conditional comment:
.gallery .img {display:inline;zoom:1}/* this will force IE6 to respect display:inline-block and show the correct vertical alignment */

Note:
You have two declarations on that page. Actually it is an entire extra html document inside of the template.  You will need to clear up those errors.

Many thanks to all who helped. The CSS changes appear to work a treat.  All is good.  cheers