Question

.photospace .slideshow-container {
    position: relative;
    clear: both;
    height: 450px;

i have a slideshow with various image sizes but non bigger than 530 by 549. for images that are smaller, how do i enter them? pictures of what i want to do. i can add margin/padding but it forces images that are already 530×549 below the screen.

my website

Answer 1

You can use display:table-cell and then vertical-align:middle.

I can see you are currently giving .gal_content display:block with jQuery, so you will need to change this to table-cell

.photospace .gal_content{
    display:table-cell;
    vertical-align:middle;
    float: right;
    width: 530px;
    height: 549px;
}