antp.be forum

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.

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...

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.