Filmstrip valign?

[shronk]

Hi there

So I wanted to change the valign of the filmstrip from top to middel so that it'll look better.
However I couldn't find where the alignment is set?

[Joachim Müller]

edit themes/yourtheme/theme.php, find

Code Select Expand

$template_film_stripand edit as you see fit. If that section doesn't exist in your custom theme, copy

Code Select Expand

// HTML template for filmstrip display
$template_film_strip = <<<EOT

        <tr>
         <td valign="top" style="background-image: url({TILE1});"><img src="{TILE1}" alt="" border="0" /></td>
        </tr>
        <tr>
        <td valign="bottom" class="thumbnails" align="center">
          <table width="100%" cellspacing="0" cellpadding="3" border="0">
              <tr>
                 <td width="50%"></td>
                 {THUMB_STRIP}
                 <td width="50%"></td>
              </tr>
          </table>
        </td>
        </tr>
        <tr>
         <td valign="top" style="background-image: url({TILE2});"><img src="{TILE2}" alt="" border="0" /></td>
        </tr>
<!-- BEGIN thumb_cell -->
                <td valign="top" align="center">
                                        <a href="{LINK_TGT}">{THUMB}</a>
                                        {CAPTION}
                                        {ADMIN_MENU}
                </td>
<!-- END thumb_cell -->
<!-- BEGIN empty_cell -->
                <td valign="top" align="center" >&nbsp;</td>
<!-- END empty_cell -->

EOT;from themes/sample/theme.php into a new line before

Code Select Expand

?>of themes/yourtheme/theme.php

[shronk]

that doesn't work because the align is inside the {THUMB_STRIP} code :-\

[Nibbler]

You want to change the valign of the cell holding the thumb image right? So change it in the thumb_cell section.

Code Select Expand


<!-- BEGIN thumb_cell -->
                <td valign="top" align="center">
                                        <a href="{LINK_TGT}">{THUMB}</a>
                                        {CAPTION}
                                        {ADMIN_MENU}
                </td>
<!-- END thumb_cell -->


[shronk]

Code Select Expand

<!-- BEGIN thumb_cell -->
                <td valign="middle" align="center">
                                        <a href="{LINK_TGT}">{THUMB}</a>
                                        {CAPTION}
                                        {ADMIN_MENU}
                </td>
<!-- END thumb_cell -->

so this should actually align the tumbnails in the thumbstrip correctly, however, the smaller (in height) ones still stick on top  :-\

[Nibbler]

Post a link.

[shronk]

http://matterhorny.ch/galerie/displayimage.php?album=lastupby&cat=0&pos=1&uid=67 here you go

[Nibbler]

http://matterhorny.ch/portal/templates/matterhorny/css/template_css.css:

Code Select Expand


* {
margin:0;
padding:0;
align:center;
vertical-align:top;
}