Displaying Lightbox icons in a table like display

[norman]

Use the following CSS (add it to the bottom of the Actinic Stylesheet):

Code: Select all

#lbtable {
	width:200px;
	text-align:center;
	}
#lbtable span {
	height:100px;
	vertical-align:middle;
	}
#lbtable img {
	margin: 2px;
	padding: 2px;
	border:1px solid silver !important;
	}

And make the following settings to Settings / Site Options / Properties / Lightbox:

Code: Select all

LightBoxIconHeight: 90
LightBoxIconWidth: 50
LightBoxIconPrefix: <br/><div id="lbtable"><span>
LightBoxIconSeparator: </span><span>
LightBoxIconSuffix: </span></div>

Then I get a layout like this

lightboxtable.jpg (13.84 KiB) Viewed 13507 times

And here it is with an odd number of images

lightboxtable2.jpg (13.99 KiB) Viewed 13503 times