Produktlisting

[rusht]

Hallo Leute!

Ich habe folgendes Problem....
Ich habe versucht die Produktlisting anzupassen... so das die Produkte 2 Spaltig und in runden Tabellen angezeigt werden leider gibt es da einige darstellungsprobleme.
In Opera (Bild 2)werden von der Tabelle das linke und das obere image wiederholt also sowas wie beim bildschirm nebeneinander anstatt gestreckt. Im Explorer (Bild 1)siehts etwas besser aus aber auch nicht hundertprozentig.
Wei? jemand Abhilfe????

Hier mal der Quellcode


{config_load file="$language/lang_$language.conf" section="index"}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><font color="red" size="4">{$CATEGORIES_NAME}</font> </font></td>
<td align="right"></td>
</tr>
</table>
{if $CATEGORIES_DESCRIPTION} <font size="1" face="Verdana, Arial, Helvetica, sans-serif">

{$CATEGORIES_DESCRIPTION}</font>
{if $CATEGORIES_IMAGE}[img]{$CATEGORIES_IMAGE}[/img]{/if}


<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="border-bottom: 1px solid; border-color: #000000;"></td>
</tr>
</table>
{/if}
{ if $MANUFACTURER_DROPDOWN}

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="main"><div align="right">{#text_show#} {$MANUFACTURER_DROPDOWN}</div></td>
</tr>
</table>


{/if}

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="infoBoxHeading">{#heading_text#} </td>
</tr>
</table>




<table width="220" border="0" align="center" cellpadding="15" cellspacing="10">
<tr>
{foreach name=aussen item=module_data from=$module_content}
{php} $col++;
{/php}
<td class="main" align="center">
<TABLE width="200" BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0>

<TR>
<TD><div align="right"></div></TD>
<TD BACKGROUND="http://www.solarscout.com/templates/xtc_solarscout/img/bilder/bal_o.jpg"> </TD>
<TD><div align="left"></div> </a></TD>
</TR>

<TR>
<TD BACKGROUND="http://www.solarscout.com/templates/xtc_solarscout/img/bilder/bal_l.jpg"></TD>
<TD BACKGROUND="#FFD800"><table width="100%" border="0" cellspacing="1">
<tr>
<td align="center">{$module_data.PRODUCTS_NAME}</td>
</tr>
<tr>
<td align="center">{if $module_data.PRODUCTS_IMAGE}[img]{$module_data.PRODUCTS_IMAGE}[/img]{/if}</td>
</tr>
<tr>
<td align="center">{$module_data.PRODUCTS_PRICE}

{$module_data.BUTTON_BUY_NOW}</td>
</tr>
</table><P ALIGN=CENTER>


</P></TD>
<TD BACKGROUND="http://www.solarscout.com/templates/xtc_solarscout/img/bilder/bal_r.jpg"></TD>
</TR>

<TR>
<TD><div align="right"></div></TD>
<TD BACKGROUND="http://www.solarscout.com/templates/xtc_solarscout/img/bilder/bal_u.jpg"></TD>
<TD><div align="left"></div></TD>
</TR>
</TABLE>


</p>


</p></td>
{php}

if ($col>=2) {
$col=0;
echo '</tr><tr>';
}
{/php}
{/foreach}
</tr>
</table>




<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>{$NAVIGATION}</td>
</tr>
</table>
{if $result=='false'}
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="border: 1px solid; border-color: #ff0000;" bgcolor="#FFCCCC"><div align="center"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">{#text_noproduct#}</font></div></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="right">

{$BUTTON}</td>
</tr>
</table>

{/if}

[rusht]

Habe es jetzt mal mit style sheet ausprobiert

habe in meiner produktlisting die tabelle dann so gestalltet


<TD class="pr_li_ob" width="90%" height="19"></TD>

und in der stylesheet.css

.pr_li_ob {
background-image: url(img/bilder/tab_col.gif);
background-repeat:repeat-x;
height: 10px;
}

leider zeigt er mir dann den oberen balken zu gro? an wei? nicht wie ich ihn ?ndern kann

bitte um Hilfe