Einfache (?)HTML Frage

dennis84 · 10. Februar 2008

Hallo zusammen,
kann mir jemand unter die Arme greifen und mir sagen was ich ändern muss, damit zwei Bilder nebeneinander angezeigt werden und erst das dritte Bild unter dem ersten erscheint?

So:

B1 B2
B3 B4
B5 B6 ect.

Das Bild konnte ich leider nur bei Rapdishare hinterlegen:
http://rapidshare.com/files/90731105/temp.JPG.html

product_info_v1.html

Code:

{config_load file="$language/lang_$language.conf" section="product_info"}
{$PRODUCT_NAVIGATOR}
{$FORM_ACTION}

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="left" valign="top"><table width="1" border="0" cellpadding="3" cellspacing="0">
      <tr>
        <td>{if $PRODUCTS_IMAGE!=''}[url="{$PRODUCTS_POPUP_LINK}"][img]{$PRODUCTS_IMAGE}[/img][/url]{/if}</td>
      </tr>
      
  {if $PRODUCTS_IMAGE_1 != ''}
  <tr>
    <td style="border-top: 1px solid; border-color: #cccccc;"> [url="{$PRODUCTS_POPUP_LINK_1}"][img]{$PRODUCTS_IMAGE_1}[/img][/url] </td>
  </tr>
  {/if} {if $PRODUCTS_IMAGE_2 != ''}
  <tr>
    <td style="border-top: 1px solid; border-color: #cccccc;"> [url="{$PRODUCTS_POPUP_LINK_2}"][img]{$PRODUCTS_IMAGE_2}[/img][/url] </td>
  </tr>
  {/if} {if $PRODUCTS_IMAGE_3 != ''}
  <tr>
    <td style="border-top: 1px solid; border-color: #cccccc;"> [url="{$PRODUCTS_POPUP_LINK_3}"][img]{$PRODUCTS_IMAGE_3}[/img][/url] </td>
  </tr>
  {/if}
  
    </table>
      

{if $PRODUCTS_IMAGE_LINK!=''}[url="{$PRODUCTS_IMAGE_LINK}"]{$PRODUCTS_TEXT_ZOOM}[/url]

{/if} {if $PRODUCTS_FSK18=='true'} 

[img]{$tpl_path}img/fsk18.gif[/img] {/if} {if $MODULE_graduated_price
!=''} {$MODULE_graduated_price}

      

{/if} </td>
    <td align="right" valign="top">[b]<h1>{$PRODUCTS_NAME}</h1>[/b]

     [b]

        <font size="+1">{$PRODUCTS_PRICE}

        </font>[/b]

{$PRODUCTS_TAX_INFO}{if $PRODUCTS_SHIPPING_LINK}{$PRODUCTS_SHIPPING_LINK}{/if}



{if $PRODUCTS_VPE}{$PRODUCTS_VPE}

{/if} {if $PRODUCTS_MODEL!=''}{#model#} {$PRODUCTS_MODEL}{/if} {$PRODUCTS_DISCOUNT}

{#print#}{$PRODUCTS_PRINT}

{if $SHIPPING_NAME}
<table width="200" border="0" cellpadding="0" cellspacing="0">
  <tr valign="middle">
    <td class="main">{#text_shippingtime#}</td>
    {if $SHIPPING_IMAGE}
    <td>[img]{$SHIPPING_IMAGE}[/img]</td>
    {/if}
    <td class="main">{$SHIPPING_NAME}</td>
  </tr>
</table>
{/if}

</td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>{if $PRODUCTS_DESCRIPTION !=''}{$PRODUCTS_DESCRIPTION}

{/if} 

{if $MODULE_product_options !=''}{$MODULE_product_options}

{/if}</td>
  </tr>
  <tr>
    <td align="right"><table width="250"  border="0">
      <tr>
        <td class="main" valign="middle"><table width="100"  border="0">
            <tr>
              <td>{$ADD_QTY}</td>
              <td>{$ADD_CART_BUTTON}</td>
            </tr>
          </table>
        </td>
      </tr>
    </table></td>
  </tr>
</table>
{if $PRODUCTS_URL != ''}
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="boxTextBG">
  <tr>
    <td align="center">{$PRODUCTS_URL}
</td>
  </tr>
</table>{/if}
{if $PRODUCTS_DATE_AVIABLE != ''}
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="boxTextBG">
  <tr>
    <td align="center">{$PRODUCTS_DATE_AVIABLE}
</td>
  </tr>
</table>{/if}
{if $PRODUCTS_ADDED != ''}
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="boxTextBG">
  <tr>
    <td align="center">{$PRODUCTS_ADDED}
</td>
  </tr>
</table>{/if}
{if $MODULE_products_reviews != ''}
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
      <td>{$MODULE_products_reviews}
</td>
  </tr>
</table>{/if}
{if $MODULE_products_media != ''}
  <table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td align="center">{$MODULE_products_media}
</td>
    </tr>
</table>
{/if} {if $MODULE_cross_selling != ''}
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center">{$MODULE_cross_selling}
</td>
  </tr>
</table>
{/if} {if $MODULE_reverse_cross_selling != ''}
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center">{$MODULE_reverse_cross_selling}
</td>
  </tr>
</table>
{/if}{if $MODULE_also_purchased != ''}
<table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td align="center">{$MODULE_also_purchased}
</td>
    </tr>
</table>{/if}
{$FORM_END}

Danke für jede Hilfe!

Hajo11 · 10. Februar 2008

Ich weiß zwar nicht, ob es einfachere Lösungen gibt,

aber ich würde es mit einer Tabelle machen. Dann kannst Du die Bilder sauber zuordnen. Wenn Du dann noch den Tabellenrahmen transparent stellst, fällt das nichtmal auf.

Dealux-GmbH · 11. Februar 2008

@Hajo: Versucht er doch

@Dennis: Versuch mal das hier:

Code:

{config_load file="$language/lang_$language.conf" section="product_info"} 
{$PRODUCT_NAVIGATOR} 
{$FORM_ACTION}
 
<table width="100%" border="0" cellspacing="0" cellpadding="0"> 
  <tr> 
    <td align="left" valign="top"><table width="1" border="0" cellpadding="3" cellspacing="0"> 
      <tr> 
        <td>{if $PRODUCTS_IMAGE!=''}[url="{$PRODUCTS_POPUP_LINK}"][img]{$PRODUCTS_IMAGE}[/img][/url]{/if}</td> 
        
  {if $PRODUCTS_IMAGE_1 != ''} 
  <tr> 
    <td style="border-top: 1px solid; border-color: #cccccc;"> [url="{$PRODUCTS_POPUP_LINK_1}"][img]{$PRODUCTS_IMAGE_1}[/img][/url] </td> 
  {/if} {if $PRODUCTS_IMAGE_2 != ''} 
   <td style="border-top: 1px solid; border-color: #cccccc;"> [url="{$PRODUCTS_POPUP_LINK_2}"][img]{$PRODUCTS_IMAGE_2}[/img][/url] </td> 
  </tr> 
  {/if} {if $PRODUCTS_IMAGE_3 != ''} 
  <tr> 
    <td style="border-top: 1px solid; border-color: #cccccc;"> [url="{$PRODUCTS_POPUP_LINK_3}"][img]{$PRODUCTS_IMAGE_3}[/img][/url] </td> 
  </tr> 
  {/if} 
   
    </table> 
      
 
{if $PRODUCTS_IMAGE_LINK!=''}[url="{$PRODUCTS_IMAGE_LINK}"]{$PRODUCTS_TEXT_ZOOM}[/url]
 
{/if} {if $PRODUCTS_FSK18=='true'} 
 
[img]{$tpl_path}img/fsk18.gif[/img] {/if} {if $MODULE_graduated_price 
!=''} {$MODULE_graduated_price}
 
      
 
{/if} </td> 
    <td align="right" valign="top">[b]<h1>{$PRODUCTS_NAME}</h1>[/b]
 
     [b]
 
        <font size="+1">{$PRODUCTS_PRICE}
 
        </font>[/b]
 
{$PRODUCTS_TAX_INFO}{if $PRODUCTS_SHIPPING_LINK}{$PRODUCTS_SHIPPING_LINK}{/if}
 

 
{if $PRODUCTS_VPE}{$PRODUCTS_VPE}
 
{/if} {if $PRODUCTS_MODEL!=''}{#model#} {$PRODUCTS_MODEL}{/if} {$PRODUCTS_DISCOUNT}
 
{#print#}{$PRODUCTS_PRINT}
 
{if $SHIPPING_NAME} 
<table width="200" border="0" cellpadding="0" cellspacing="0"> 
  <tr valign="middle"> 
    <td class="main">{#text_shippingtime#}</td> 
    {if $SHIPPING_IMAGE} 
    <td>[img]{$SHIPPING_IMAGE}[/img]</td> 
    {/if} 
    <td class="main">{$SHIPPING_NAME}</td> 
  </tr> 
</table> 
{/if}
 
</td> 
  </tr> 
</table> 
<table width="100%" border="0" cellspacing="0" cellpadding="0"> 
  <tr> 
    <td>{if $PRODUCTS_DESCRIPTION !=''}{$PRODUCTS_DESCRIPTION}
 
{/if} 
 
{if $MODULE_product_options !=''}{$MODULE_product_options}
 
{/if}</td> 
  </tr> 
  <tr> 
    <td align="right"><table width="250"  border="0"> 
      <tr> 
        <td class="main" valign="middle"><table width="100"  border="0"> 
            <tr> 
              <td>{$ADD_QTY}</td> 
              <td>{$ADD_CART_BUTTON}</td> 
            </tr> 
          </table> 
        </td> 
      </tr> 
    </table></td> 
  </tr> 
</table> 
{if $PRODUCTS_URL != ''} 
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="boxTextBG"> 
  <tr> 
    <td align="center">{$PRODUCTS_URL}
</td> 
  </tr> 
</table>{/if} 
{if $PRODUCTS_DATE_AVIABLE != ''} 
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="boxTextBG"> 
  <tr> 
    <td align="center">{$PRODUCTS_DATE_AVIABLE}
</td> 
  </tr> 
</table>{/if} 
{if $PRODUCTS_ADDED != ''} 
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="boxTextBG"> 
  <tr> 
    <td align="center">{$PRODUCTS_ADDED}
</td> 
  </tr> 
</table>{/if} 
{if $MODULE_products_reviews != ''} 
<table width="100%" border="0" cellpadding="0" cellspacing="0"> 
  <tr> 
      <td>{$MODULE_products_reviews}
</td> 
  </tr> 
</table>{/if} 
{if $MODULE_products_media != ''} 
  <table width="100%" border="0" cellpadding="0" cellspacing="0"> 
    <tr> 
      <td align="center">{$MODULE_products_media}
</td> 
    </tr> 
</table> 
{/if} {if $MODULE_cross_selling != ''} 
<table width="100%" border="0" cellpadding="0" cellspacing="0"> 
  <tr> 
    <td align="center">{$MODULE_cross_selling}
</td> 
  </tr> 
</table> 
{/if} {if $MODULE_reverse_cross_selling != ''} 
<table width="100%" border="0" cellpadding="0" cellspacing="0"> 
  <tr> 
    <td align="center">{$MODULE_reverse_cross_selling}
</td> 
  </tr> 
</table> 
{/if}{if $MODULE_also_purchased != ''} 
<table width="100%" border="0" cellpadding="0" cellspacing="0"> 
    <tr> 
      <td align="center">{$MODULE_also_purchased}
</td> 
    </tr> 
</table>{/if} 
{$FORM_END}

dennis84 · 11. Februar 2008

hmm leider keine veränderung

was hast du genau verändert?

Gruß dennis

Dealux-GmbH · 11. Februar 2008

Hab an einer Stelle den <tr> und ein </tr> entfernt. Kanns leider gerade nicht selber ausprobieren.

dennis84 · 17. Februar 2008

Hi,
das dritte Bild ist jetzt schonmal neben dem zweiten. An welcher Position hast du das tr entfernt? Dann bräuchte ich selbiges nur beim ersten Bilder angeben, oder?

Gruß

Forum	Antworten	Datum
Neu JTL Shop 5.3.x HTML Portlet gesucht / Tag Stripping im Rich Text Portlet deaktivieren	Allgemeine Fragen zu JTL-Shop	4	11. Dezember 2024
Neu Möglichkeit Variablen in Html in Eigene > Inhalte > Seiten auszugeben	Allgemeine Fragen zu JTL-Shop	4	27. November 2024
Neu Frage zu Datei googleshopping.xml	Schnittstellen Import / Export	6	Donnerstag um 10:00 Uhr
Wareneingang und Eingangsrechnung verständniss Frage	JTL-Wawi 1.9	0	25. Januar 2025
Frage vor Serverwechsel und Umzug	Einrichtung JTL-Shop5	8	30. Dezember 2024
Neu Frage zu Telekom Glasfaser Tarifen	Smalltalk	0	23. Dezember 2024
Neu Amazon Artikel mehrfach listen / Generelle Frage /	Amazon-Anbindung - Ideen, Lob und Kritik	4	10. Dezember 2024
Neu Frage zu Tickets aus dem öffentlichen Ticketsystem	JTL-Wawi - Ideen, Lob und Kritik	5	25. November 2024

Suche

Suche

Einfache (?)HTML Frage

dennis84

Aktives Mitglied

Hajo11

Sehr aktives Mitglied

Dealux-GmbH

Sehr aktives Mitglied

dennis84

Aktives Mitglied

Dealux-GmbH

Sehr aktives Mitglied

dennis84

Aktives Mitglied

Ähnliche Themen