Button am Schluss einer <div> Tabelle einfügen.

[CojaX]

Hallo,

ich habe mir eine zweispaltige product_listing_v1.html gebaut.

Nun verschiebt sich aber immer der Warenkorb etc Button, wenn der Artikel mehr Text hat (zB. wenn er im Angebot ist).

Wie kann ich den Buttons sagen, dass sie immer überhalb der Tabellen Unterkante sein soll?

Aktuell sind sie ja einfach nach dem letzten Text.

Hier meine product_listing_v1.html:

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="index"}
{if $CATEGORIES_HEADING_TITLE}
  <h1>{$CATEGORIES_HEADING_TITLE}</h1>
{elseif $ADVANCED_SEARCH_HEADER}
  <h1>{$ADVANCED_SEARCH_HEADER}</h1>
{else}
  <h1><center>{$CATEGORIES_NAME}</center></h1>
{/if}
{if $CATEGORIES_DESCRIPTION}
<p>{$CATEGORIES_DESCRIPTION}</p>
<div class="hrproductpreview"></div>
{/if}
{if $MANUFACTURER_DROPDOWN}{$MANUFACTURER_DROPDOWN}{/if}
<br />
{foreach name=aussen item=module_data from=$module_content}

   {php} $col++;
  {/php}


  <div class="listingbox" style="margin:0px 4px 8px 0px;font-size:11px;">
  <div style="padding-left:6px" class="listing"><a href="{$module_data.PRODUCTS_LINK}">{$module_data.PRODUCTS_NAME}</a></div>
  <div>
  <div style="float:left;width:70px;">{if $module_data.PRODUCTS_IMAGE}
    <a href="{$module_data.PRODUCTS_LINK}"><img src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" /></a>
  {/if}</div>
  <div style="float:right;text-align:right;padding:5px">

<b>{$module_data.PRODUCTS_PRICE}</b><br>{$module_data.PRODUCTS_TAX_INFO}<br />{$module_data.PRODUCTS_SHIPPING_LINK}








</div>


    <div style="clear: both;"></div>


<center><p>
{if $module_data.PRODUCTS_QUANTITY > 0}
{$module_data.PRODUCTS_BUTTON_BUY_NOW}
{else}
<img src="{$tpl_path}buttons/{$language}/button_ausverkauft.gif" alt="Ausverkauft" border="0" />
{/if}
&nbsp;
<a href="{$module_data.PRODUCTS_LINK}"><img src="{$tpl_path}buttons/{$language}/button_product_more.gif" alt="Details" border="0" /></a>
</center>





</div>
</div>



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

{$NAVIGATION}

Und noch ein Beispielbild, ich hoffe ihr versteht was ich damit meine.

Grüße

Linkback: https://www.modified-shop.org/forum/index.php?topic=26220.0

[Sick]

Habs nur kurz überflogen, aber gib der listingbox mal eine feste Höhe.

[CojaX]

Danke für den Tipp.

Ich habe jetzt einfach dem einen rechten <div> eine feste Höhe gegeben und dann ist der Warenkorb immer an der gleichen Position direkt unterhalb des <div>.

[Modulfux]

Der Quellcode ist genau so schlecht, wie das Abschneiden von Deutschland beim ESC.

Aber ich gebe mal 1 hilfreichen Punkt. Füge dieser Zeile

Code: XML  [Auswählen]

<div style="float:right;text-align:right;padding:5px">

ein

Code: XML  [Auswählen]

<div style="float:right;text-align:right;padding:5px;height:???px">

,it.

Natürlich gehören die ??? durch die Angabe deiner gewünschten Höhe ersetzt.

Gruß
Ronny

[CojaX]

Genau so habe ich das gestern gemacht