mrjohnlatham

For anyone that would like to help out here is my HTML code…

<?php
/**
Template Page for the image browser

Follow variables are useable :

	$image : Contain all about the image
	$meta  : Contain the raw Meta data from the image
	$exif  : Contain the clean up Exif data
	$iptc  : Contain the clean up IPTC data
	$xmp   : Contain the clean up XMP data 

 You can check the content when you insert the tag <?php var_dump($variable) ?>
 If you would like to show the timestamp of the image ,you can use <?php echo $exif['created_timestamp'] ?>
**/
?>
<?php if (!defined ('ABSPATH')) die ('No direct access allowed'); ?><?php if (!empty ($image)) : ?>

<div class="ngg-imagebrowser" id="<?php echo $image->anchor ?>">

	<div class="pic"><?php echo $image->href_link ?></div>

	<h3><?php echo $image->alttext ?></h3>

	<div class="ngg-imagebrowser-nav"> 

		<div class="next">
			<a class="ngg-browser-next" id="ngg-next-<?php echo $image->next_pid ?>" href="<?php echo $image->next_image_link ?>"><?php _e('Next', 'nggallery') ?></a>
		</div>

<div class="back">
			<a class="ngg-browser-prev" id="ngg-prev-<?php echo $image->previous_pid ?>" href="<?php echo $image->previous_image_link ?>"><?php _e('Previous', 'nggallery') ?></a>
		</div>

<div class="counter"><?php _e('', 'nggallery') ?> <?php echo $image->number ?> <?php _e(' / ', 'nggallery')?> <?php echo $image->total ?> </div>

		<div class="ngg-imagebrowser-desc"><p><?php echo $image->description ?></p></div>
	</div>	

</div>	

<?php endif; ?>

And here is my CSS…

/* ----------- Image browser style -------------*/

.ngg-imagebrowser {

}

.ngg-imagebrowser h3 {
	text-align:center;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
line-height: 17px;
float: left;

}

.ngg-imagebrowser img {
	border: 0px solid #A9A9A9;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
	display:block !important;
	padding: 0px;
}

.ngg-imagebrowser-nav {
	padding: 0px;
	margin-left: 0px;
}

.ngg-imagebrowser-nav .back {
	float:right;
	border: 0px solid #DDDDDD;
	margin-right: 0px;
	padding: 0px 0px;
}

.ngg-imagebrowser-nav .next {
	float: right;
	border: 0px solid #DDDDDD;
	margin-right: 0px;
	padding: 0px 0px;
}

.ngg-imagebrowser-nav .counter {
	float: right;
	font-size: 12px !important;
}

.exif-data {
  	margin-left: auto !important;
    margin-right: auto !important;
}