Row of 4 Objects with special class on the last object?

I’m trying to show 4 images in a row using an Unordered List from the left edge of the site all the way to the right. the first 3 images, have "margin-right:12px" and the last image has "margin-right:0".

Is there any way I can apply a class to only the 4th image in a row when I have a total of 12 images?

Does the pictures come from Maxigallery or TVs?

You could do something like this in your tpl:

Quote from: mrhaw at Sep 18, 2009, 08:52 PM

Does the pictures come from Maxigallery or TVs?

You could do something like this in your tpl:

<li>[+imageTv1+]</li> <li>[+imageTv2+]</li> <li>[+imageTv3+]</li> <li class="YO" style="padding-right:-12px;">[+imageTv4+]</li>

From TVs from what I understand.. I’m trying to dynamically list the title and image of a child page.. so im not too sure how I would implement your code.. would that work dynamically?

Yes!
You want to store the image in TVs assigned the template.
TVs can be understood as extra input fields for the resource.
They are called inside [*Tv*] like the default [*DocumentObjects*]
in templates/chunks/documents BUT for the DYNAMIC ditto tpl: [+Tv+] [+Do+]

http://ditto.modxcms.com/tutorials/creating-a-custom-template.html
http://www.sottwell.com/how-template-variables-work.html

My first tpl example was if the TV’s was using the image widget
if NOT but type image you would have to use:

I’ve been trying to understand how this could work but im still confused .. i understand how the css class -12px would seem to work but what about if i have 5 or 6 projects?

You could do something like this in your tpl:

<li>[+imageTv1+]</li> <li>[+imageTv2+]</li> <li>[+imageTv3+]</li> <li class="YO" style="padding-right:-12px;">[+imageTv4+]</li>

If I use the code above and I have 6 projects with 4 in each row and the other 2 in the next row like this..
[ ] [ ] [ ] [ ]
[ ] [ ] [X] [X]

what happens to the last 2 boxes marked with the Xs if there wont be a project to pull for them?

That was just an untested idea...

See following
http://ditto.modxcms.com/examples/columns.html ( CSS )
http://ditto.modxcms.com/files/snippet-ditto-php.html#tplLast ( &tplLast=`chunkNameForLastDoc` )

Another css idea http://modxcms.com/forums/index.php/topic,40065.msg242024.html#msg242024