Please Help Me!!

[kairton]

I want a script that the end result to be like that appears in the first image, but I can only make it as the second image, can someone help me?

First Image

Second Image

I used the following code:

$$ITEM_BEGIN
<table>
<tr>
<td id='td1' align='center' valign='center' ><img src="$$ITEM_PICTUREFILENAME" width="95" height="135"></td>
</tr>
<tr>
<td id='td1' align='center' width='120'>$$ITEM_TRANSLATEDTITLE</td>
</tr>
</table>
$$ITEM_END

But I do not know anything about HTML, so it is difficult for me to make it.

Thanks.

[antp]

With just HTML it will not be possible, but with some CSS it is rather easy.
Instead of using a table and tr/td tags, you have to use CSS to make images appear side by side.
Like what I did for imcdb galleries, e.g. http://www.imcdb.org/movie_322259-2-Fast-2-Furious.html
Basically, each image+text is in a <div> tag, and this div is linked to a CSS style which as the "float" attribute.
But if you do not know much HTML this sounds maybe complicated...

[kairton]

I did, of course, was well below the level of his, but with time I will study and will improve.



I used the following code:

<style type="text/css">
div.figure {
float: left;
width: 110;
height: 170;
margin: 0.5em;
padding: 0.5em;
}
div.figure p {
text-align: center;
font-style: bold;
font-size: smaller;
text-indent: 0;
}
</style>
$$ITEM_BEGIN
<div class="figure">
<p><img src="$$ITEM_PICTUREFILENAME" width="95" height="135">
<p>$$ITEM_TRANSLATEDTITLE
</div>
$$ITEM_END

Thank you for the tip to use the DIV, I would never do that without this trick.