1
Trying to adjust the layout of the XOOPSGallery Recent Images Block. Basically it left justifys the images and I would like the images centered.
Below is the code, I think I would need to change the 7th line down (starts with < div style="float........)
What do you all think?
<!-- XoopsGallery Recent Images block begin -->
<{if ($block.debug_info) }>
<!-- <{$block.debug_info }> -->
<{/if}>
<div><{foreach item=image from=$block.images}>
<{if ($block.format=='wide')}>
<div style="float: left;">
<div class="item" style="padding: 2px; margin: 2px;">
<div style="text-align: center; height: <{$block.imageHeight}>px; width: <{$block.imageWidth}>px; ">
<a href="<{$image.link}>"><img src="<{$image.src}>" width="<{$image.width}>" height="<{$image.height}>" alt="" /></a><br />
</div>
<div style="text-align: center; width: <{$block.imageWidth}>px; ">
<{else}>
<div style="width: 100%;">
<div class="item" style="padding: 2px; margin: 2px;">
<div style="text-align: center; width: 100%; ">
<a href="<{$image.link}>"><img src="<{$image.src}>" width="<{$image.width}>" height="<{$image.height}>" alt="" /></a><br />
</div>
<div style="text-align: center; width: 100%; ">
<{/if}>
<{if ($block.showCreated)}>
<{$image.created}>
<{/if}>
</div>
</div>
</div>
<{/foreach}><div style="clear:both;"></div></div>
<!-- XoopsGallery Recent Images block end
