Maxigallery gallerypicturetpl.html

Just’ve seen the demo site of MG and I like the style how the pictures are organized there. Every picture has its on separate cell. I’ve tried to edit the template file, but there’s no use. MG stops showing pics as soon as I edit <li> tag in gallerypicturetpl.html, but I want to substitute it with <td align="center" style="width:33%">

What am I doing wrong?

<div id="content">
This gallery shows the dropshadow effect and imagemasking. Dropshadow has been applied to the thumbnail pictures and masking is used in the normal pictures. There is also a watermark in the thumbnails. Big pictures opens in a lightbox in this gallery and they are watermarked too.. with a cyan text, or what ever color that is!

<table class="galleria" border="0" width="100%">
<tr>

<td align="center" style="width:33%">

<a href="/modx/maxigallery-dropshadow-imagemask.html?pic=255">
<img src="assets/galleries/14/tn_cat_0011.jpg" class="thumbnail" title=" &raquo; Click to zoom ->" alt=" &raquo; Click to zoom ->" />
</a>
</td>

<td align="center" style="width:33%">
<a href="/modx/maxigallery-dropshadow-imagemask.html?pic=254"><img src="assets/galleries/14/tn_cat_0012.jpg" class="thumbnail" title=" &raquo; Click to zoom ->" alt=" &raquo; Click to zoom ->" /></a>
</td>
<td align="center" style="width:33%">
<a href="/modx/maxigallery-dropshadow-imagemask.html?pic=253"><img src="assets/galleries/14/tn_cat_0013.jpg" class="thumbnail" title=" &raquo; Click to zoom ->" alt=" &raquo; Click to zoom ->" /></a>
</td></tr><tr>
<td align="center" style="width:33%">
<a href="/modx/maxigallery-dropshadow-imagemask.html?pic=252"><img src="assets/galleries/14/tn_cat_0014.jpg" class="thumbnail" title=" &raquo; Click to zoom ->" alt=" &raquo; Click to zoom ->" /></a>
</td>
<td align="center" style="width:33%">
<a href="/modx/maxigallery-dropshadow-imagemask.html?pic=251"><img src="assets/galleries/14/tn_cat_0015.jpg" class="thumbnail" title=" &raquo; Click to zoom ->" alt=" &raquo; Click to zoom ->" /></a>
</td></tr></table>

This gallery was created with the following snippet call (using v0.2):
<hr />[<!-- -->

</div>

No need to edit anything. You can just add borders and background color to the thumbs li blocks in default maxigallery css.

you mean, I can get boarders to my pictures but I want my gallery structured - divided into equal size <td> blocks

Why do you want them in a table? You can do equal size li’s..

i’ve spent hours trying to get each "cell" for each pic in the same size.

is it "ul.thumbs li" or "ul.thumbs" that would decide the placement of the whole gallery?

what im looking for to set an equal percentage for the "cells" for each pic.. like someone else was asking. i didnt succeed with anything with your idea, doze
please let me know how to do this!

many thanks...

/j

ul.thumbs li are the "cells" where the thumbnails are in.. so define a width to that.

Yeah, got it!!! But still I cannot align it in the center. What property should I use? Align won’t do in this case

see this for example, http://nostrich.net/archives/css-thumbnail-gallery/

where would i put the "<div id=”wrapper”> " used in that example?
j

To the galleryoutertpl, so it wraps the whole gallery