Creating a margin, next to the thumbnail, in this script

[Chrisj]

I'm using a php script for a video web site.

After a search, a thumbnail appears with a description next to it. I've added      to move the description to the right of the thumbnail image, but it only moves the first line of text, the next line, in the description, is flush up against the thumbnail image again. I'm looking for a solution where all of the description lines have a margin a space between themselves and the thumbnail image.

 

I believe this line of code is where the description is generated/displayed from:

[blk1.vid_desc;htmlconv=no;block=div;ope=max:268;comm]

 

Any suggestions? Thanks.

 

Here's the whole file:

<!--Begin Wide Column-->
<div id="column-wide" style="margin: 0px auto; float: none;">
  <div id="generic-container" >

<div style="margin-left:12px; float:left;">
    <!--<img src="themes/[var.user_theme]/images/icons/members_32.png" alt="members" width="32" height="32" align="absmiddle" />  <strong>Videos:
     [var.members_total;comm]</strong>-->
  </div>
  <br />

  <div id="members-search">
<br/><br/>

<center><div class="container8">
         <p>
       	<center><font face="verdana"><font size="2";font color=#000000;">Please find your search results below for your search word(s) "<font face="verdana"><font size="2";font color=#800000;">[var.keyword]</font>" .<br/>
	<font face="verdana"><font size="2";font color=#800000;">To view, simply select the video thumbnail image.</font><br/>
	<font face="verdana"><font size="2";font color=#000000;">To search again, simply select the word "search" in the navigation menu above.</center></font>
         </p>
</div></center>

<br/>

<div id="content-list" style="float:none;width:590px;text-align:center">
<br/>
<table style="border:none">
<tr>
   <td width="10px"><a href="videos/[blk1.vid_id;block=div]/" rel="gb_page_center[600, 440]" style="float:right"><img src="uploads/thumbs/[blk1.thumb_string;block=div].jpg" alt="video pic" width="120" height="90" border="0" /></a></td>
   <td width="400px"><span style="color: #000000;"><!--[var.lang_title]--></span>    <a href="videos/[blk1.vid_id;block=div]/" rel="gb_page_center[600, 440] "><!--[blk1.Title;htmlconv=no;block=div;ope=max:70;comm]--></a><br /><!--[var.lang_description]:-->    [blk1.vid_desc;htmlconv=no;block=div;ope=max:268;comm]</td>
</tr>
</table>
<br/>

</div>
</div>
<!--End Wide Column-->

[wildteen88]

You wouldn't use PHP to add margin/padding to a html element, you'd use CSS for that. If you give your thumbnail images some form of class name to identify it, such as the class name of tbn_img you could use the following CSS selector

.tbn_img {
    margin-right: 10px;
}

Now all images that have the class name tbn_img will have a 10 pixel margin to the right, pushing your text away from the image.