Adding titles to thumbnails with Siriux theme?

There are actually more ways to solve this, but I am going to show you the way it is done in the matrix theme as well:

  <div class="gallery-items">
    {foreach from=$theme.children item=child}
      {if !$child.canContainChildren}
	<div class="gallery-thumb">
	  <a href="{g->url arg1="view=core.ShowItem" arg2="itemId=`$child.id`"}">
	  {if isset($child.thumbnail)}
	    {g->image item=$child image=$child.thumbnail}
	  {else}
	    {g->text text="no thumbnail"}
	  {/if}
	  </a>
	  <p class="giTitle">{$child.title|markup}</p>
	</div>
      {/if}
    {/foreach}
    <div class="clear"></div>
  </div>

After this change it already displays in the center at my installation, if it doesn't at yours you might want to try to use css to edit properties for the class ".gallery-thumb .giTitle"

Css tutorial
Css reference
More links

By the way, you can copy files into a subdirectory called "local" from there original position and edit those versions. The local versions will be used but not overwritten by upgrades so you do not have to clone a theme and call it themeMod. Of course with bigger changes it might be a good idea to clone anyway...
______________________
I made a theme for G2, try it

I see your problem, but now it is FF only. I never understand why it is ok to put elements on top of eachother even though their z-index is the same (even though I know how the css box model and stuff works). I am at my work right now, so now real extensive testing but could you try adding: ".gallery-thumb { clear: both; }" to your css??

Never use the <br/> element unless it has semantical value, but never "just" to get a text on the next line.
______________________
I made a theme for G2, try it

Actually, without checking, I think that the siriux theme doesn't use a table to display the items. If you study the matrix code where it displays albums and subitems (also album.tpl) and merge tha tables part of the code back into the siriux template then it will always display the intended way. You might have to tinker with the .inc file because I seem to recall the siriux theme not defining nr of columns and nr of rows where Marix did do that.

It is

	$this->setStandardSettings(
	    array('showImageOwner' => 0,
		  'perPage' => 9,

that needs to change into:

	$this->setStandardSettings(
	    array('rows' => 3, 'columns' => 3,
		  'showImageOwner' => 0,

But only if you want to use that table markup.
 
 
__________

Ey?

______________________
I made a theme for G2, try it

He did this in the css:

.gallery-item {
/* Thumbs are 150X150, 162X162 incl padding & border, total width=820 --> (820-162*4)/5 = 34.4 height for gallery-album is less because captions are generally shorter than for gallery-item */
    width: 162px;
    height: 280px;
    margin: 20px 0 0 35px;
    padding: 0;
    display: inline; /* fixes IE float bug */
    float: left;
    overflow: hidden;
}

and probably something like this in the album.tpl:

  <div class="gallery-items">
    {foreach from=$theme.children item=child}
      {if !$child.canContainChildren}
      	<div class="gallery-item">
	  <div class="gallery-thumb">
	    <a href="{g->url arg1="view=core.ShowItem" arg2="itemId=`$child.id`"}">
	    {if isset($child.thumbnail)}
	      {g->image item=$child image=$child.thumbnail}
	    {else}
	      {g->text text="no thumbnail"}
	    {/if}
	    </a>
	  </div>
	  <p class="giTitle">{$child.title|markup}</p>
	</div>
      {/if}
    {/foreach}
    <div class="clear"></div>
  </div>

Ow, thanks :P I was confused between the terms skin and theme.
______________________
I made a theme for G2, try it

See, the thing is that he only put in some extra control by adding the extra div and then he gave them a fixed height and floated them to the left. I don't think you actually have to float them, but you should keep the display:inline part because divs usually display as blocks and will not line up next to eachother. so perhaps you should ive it a try without the float:left....
______________________
I made a theme for G2, try it