OK, so this is not about alignment after all, but about the order of elements in your output: you have a vertical filmstrip at the left of the intermediate image, and you want it to appear at the right of the intermediate image. The term "alignment" means something different.
To accomplish what you're up to, edit themes/yourtheme/theme.php with a plain text editor, find the function definition for theme_display_image and edit as you see fit. If that function doesn't exist in your custom theme, copyfunction theme_display_image($nav_menu, $picture, $votes, $pic_info, $comments, $film_strip)
{
global $CONFIG;
$width = $CONFIG['picture_table_width'];
starttable();
echo $nav_menu;
endtable();
starttable();
echo $picture;
endtable();
if ($CONFIG['display_film_strip'] == 1) {
echo $film_strip;
}
echo $votes;
$picinfo = isset($_COOKIE['picinfo']) ? $_COOKIE['picinfo'] : ($CONFIG['display_pic_info'] ? 'block' : 'none');
echo "<div id=\"picinfo\" style=\"display: $picinfo;\">\n";
starttable();
echo $pic_info;
endtable();
echo "</div>\n";
echo "<div id=\"comments\">\n";
echo $comments;
echo "</div>\n";
}
from themes/sample/theme.php into a new line before ?>
into your custom theme file first.
As you can see by looking at the code, the film strip is inserted underneath the actual image. Come up with the needed table or alignment structures as you see fit.
In your initial posting you said you had function theme_display_image($nav_menu, $picture, $votes, $pic_info, $comments, $film_strip)
{
global $HTTP_COOKIE_VARS, $CONFIG;
starttable();
echo $nav_menu;
endtable();
starttable();
if ($CONFIG['display_film_strip'] == 1) {
echo "<tr><td width='200' class='tableb' valign='middle' ><!-- gb before film_strip -->";
echo $film_strip;
echo "</td><!-- gb after film_strip -->";
}
echo "<!-- gb before picture -->";
echo $picture;
echo "</tr><!-- gb after picture -->";
endtable();
starttable();
echo $votes;
endtable();
$picinfo = isset($HTTP_COOKIE_VARS['picinfo']) ? $HTTP_COOKIE_VARS['picinfo'] : ($CONFIG['display_pic_info'] ? 'block' : 'none');
echo "<div id=\"picinfo\" style=\"display: $picinfo;\">\n";
starttable();
echo $pic_info;
endtable();
echo "</div>\n";
starttable();
echo $comments;
endtable();
}
, so you already should know how to change that; just invert the order of table cells, so all this stuff becomesfunction theme_display_image($nav_menu, $picture, $votes, $pic_info, $comments, $film_strip)
{
global $HTTP_COOKIE_VARS, $CONFIG;
starttable();
echo $nav_menu;
endtable();
starttable();
echo $picture;
if ($CONFIG['display_film_strip'] == 1) {
echo $film_strip;
}
endtable();
starttable();
echo $votes;
endtable();
$picinfo = isset($HTTP_COOKIE_VARS['picinfo']) ? $HTTP_COOKIE_VARS['picinfo'] : ($CONFIG['display_pic_info'] ? 'block' : 'none');
echo "<div id=\"picinfo\" style=\"display: $picinfo;\">\n";
starttable();
echo $pic_info;
endtable();
echo "</div>\n";
starttable();
echo $comments;
endtable();
}
You will then of course have to edit the definition for the variables $picture and $film_strip as well. Your edits in your theme.php file seem a bit unstructured. If you have issues figuring out the actual content of theme.php, zip your custom theme folder and attach the zip to your next posting.