Problem regarding the positioning of Extra Text Fields

[Guest]

Hello! I am using following extensions which I am trying to combine in the Layout of my product info: extra fields and 3 pictures in item description. Both contributions are installed and working. My aim is to create a box right below the header in which the extra text field is on the left and the pictures on the right, this box should have the same colored background. I made an extra table left of the pictures and since then I have been trying to integrate the extra text field into the table next to the pictures. As I am a complete Newbie, I would really appreciate some hints that could lead me to a solution. The codes are:

 

Extra Text Field:

	   // START: Extra Fields Contribution v2.0i  with fix
 list($products_id_clean) = split('{', $product_info['products_id']);
 $extra_fields_query = tep_db_query("
				  SELECT pef.products_extra_fields_name as name, ptf.products_extra_fields_value as value ,pef.products_extra_fields_status as status
				  FROM ". TABLE_PRODUCTS_EXTRA_FIELDS ." pef
		 LEFT JOIN  ". TABLE_PRODUCTS_TO_PRODUCTS_EXTRA_FIELDS ." ptf
		ON ptf.products_extra_fields_id=pef.products_extra_fields_id
		WHERE ptf.products_id=".$products_id_clean." and ptf.products_extra_fields_value<>'' and (pef.languages_id='0' or pef.languages_id='".$languages_id."')
		ORDER BY products_extra_fields_order");

 while ($extra_fields = tep_db_fetch_array($extra_fields_query)) {
	if (! $extra_fields['status'])  // show only enabled extra field
	   continue;
	echo '<tr>
  <td>
  <table border="0" width="50%" cellspacing="0" cellpadding="2px"><tr>
  <td class="main" align="left" style="vertical-algin: middle;"><b><font size="1" color="#666666">'.$extra_fields['name'].': </b></font>';
	echo '<font size="1" color="#666666">' .$extra_fields['value'].'<BR></font> </tr>
  </table>
  </td>
  </tr>';	 
 }
// END: Extra Fields Contribution

 

 

And the pictures:

 

<table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#FFFFFF">
 <!--DWLayoutTable-->
<tr align="center">
<td width="300" height="156" valign="top" bgcolor="#00a2e3"><!--DWLayoutEmptyCell--> </td>
<td width="100%"align="right" valign="top" bgcolor="#00a2e3" class="picselectmain"><img name="mainpic" src="makethumb.php?pic=<?=(DIR_WS_IMAGES . $product_info['products_image']);?>&w=500&h=300" border="0"></td>
<td width="40" valign="top" bgcolor="#00a2e3" class="picselect">
 <table cellpadding="5" cellspacing="0" border="0">
<!--DWLayoutTable-->
<tr align="center">
  <td> </td>
</tr>
<tr align="center">
  <td>
	<a href="java script:doPic('makethumb.php?pic=<?=(DIR_WS_IMAGES . $product_info['products_image']);?>&w=500&h=300')">
	  <img src="makethumb.php?pic=<?=(DIR_WS_IMAGES . $product_info['products_image']);?>&w=60&h=60" border="0"></a></td></tr>

<?
if (tep_not_null($product_info['products_image_2'])) {
?>
<tr>
  <td>
	<a href="java script:doPic('makethumb.php?pic=<?=(DIR_WS_IMAGES . $product_info['products_image_2']);?>&w=500&h=300')">
	  <img src="makethumb.php?pic=<?=(DIR_WS_IMAGES . $product_info['products_image_2']);?>&w=60&h=60" border="0"></a></td>
</tr>
<? } ?>

<?
if (tep_not_null($product_info['products_image_3'])) {
?>
<tr>
  <td>
	<a href="java script:doPic('makethumb.php?pic=<?=(DIR_WS_IMAGES . $product_info['products_image_3']);?>&w=500&h=300')">
	  <img src="makethumb.php?pic=<?=(DIR_WS_IMAGES . $product_info['products_image_3']);?>&w=60&h=60" border="0"></a></td>
</tr>
<? } ?>
</table></td>

[Guest]

nobody any clue? I would really appreciate some help regarding this problem as I cannot get it solved by myself..