Horisontal og vertikal centrering

WordPress plugin: NextGen gallery style (css) fra linje 116

.ngg-galleryoverview { overflow: hidden; padding: 4px; width: 100%; border-top: 2px solid #bfdbe2; clear: both; display: block !important;}
.ngg-gallery-thumbnail-box { float: left; width: 124px; height: 124px; margin: 5px;}
.ngg-gallery-thumbnail { width: 124px; height: 124px; display: table-cell; vertical-align: middle; border: 2px solid #cdcdcd; background-color: #efefef;}
a:hover .ngg-gallery-thumbnail { border: 2px solid #dedede; background-color: #ababab;}
.ngg-gallery-thumbnail img { display: block; margin-left: auto; margin-right: auto; padding: 2px; position: relative;}
.ngg-clear { clear: both;}

gallery.php

<!-- Thumbnails --> <?php foreach ( $images as $image ) : ?> <div id="ngg-image-<?php echo $image->pid ?>" class="ngg-gallery-thumbnail-box" <?php echo $image->style ?> > <a href="<?php echo $image->imageURL ?>" title="<?php echo $image->description ?>" <?php echo $image->thumbcode ?> > <div class="ngg-gallery-thumbnail" > <?php if ( !$image->hidden ) { ?> <img title="<?php echo $image->alttext ?>" alt="<?php echo $image->alttext ?>" src="<?php echo $image->thumbnailURL ?>" <?php echo $image->size ?> /> <?php } ?> </div> </a> </div>

Leave a Reply

Your email address will not be published. Required fields are marked *