Positionierung nicht möglich

[Kludde]

Hallo,
habe ein Problem mit der Positionierung eines Feldes in der Datei "product_info.html".

Bei den unten stehenden Tabellen habe ich es hinbekommen, dass sie 15px vom linken Rand entfernt positioniert werden, beim Table Warenkorb will mir das einfach nicht gelingen. Kann mir jemand vielleicht helfen?

Anbei Script für die beiden Tables und ein Screenshot:

Code: XML  [Auswählen]

<table style="padding:0px 15px; background-color:#ececec" height="60" width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr><div style="padding:0px 15px;">
                <td width="67%" align="left">{if $PRODUCTS_MODEL!=''}<div style="background-color:#ececec"><strong>{#model#}</strong> {$PRODUCTS_MODEL}</div>{/if}</td><td width="12%" align="center">{$ADD_QTY}</td><td width="21%" align="left">{$ADD_CART_BUTTON}</td>
        </div></tr>
</table>
<br />
<br />
<table style="padding:0px 15px;" width="100%" border="0" cellpadding="0" cellspacing="0">
  <td>
  <div class="tab-pane" id="tab-pane-1">
  <div class="tab-page">
    <h2 class="tab"> Artikelbeschreibung </h2>
    {$PRODUCTS_DESCRIPTION}

    </div>

    <div class="tab-page">
      <h2 class="tab"> Bewertungen </h2>
      <p>{$PRODUCTS_MINI_DESCRIPTION}   </p>
      <table width="100%">
        <tr>
          <td style="background-image: url({$tpl_path}img/test.jpg); background-repeat:no-repeat; background-position:top right">
            <td>

              {if $MODULE_products_reviews != ''}{$MODULE_products_reviews}
              {else}
              <h1>Kundenbewertung:</h1>
              <b><font color="#c81919">Leider liegen zu diesem Artikel<br />
                noch keine Kundenbewertungen vor.</b><br /><br />
              <p>Schreiben Sie als erster {$BUTTON_WRITE} zu diesem Artikel</p>
              {/if}
              </td>
          </tr>
        </table>
      </div>

    <div class="tab-page">
      <h2 class="tab"> Mehr Informationen </h2>
      <table width="100%">
        <tr>
          <td style="background-image: url({$tpl_path}img/www_welt.jpg); background-repeat:no-repeat; background-position:top right">
            <td>
             <p>{$PRODUCTS_MINI_DESCRIPTION}</p>
              </td>
          </tr>
        </table>

      </div>

  </div>
  </td>
  </table>

[ Für Gäste sind keine Dateianhänge sichtbar ]



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

[Kludde]

Upps, 2x gepostet.....Kann das bitte jemand von den Admins löschen??

Danke
Klaus

[Markus]

Hi ...

du meinst diese Tabelle hier?

Code: PHP  [Auswählen]

<table style="padding:0px 15px; background-color:#ececec" height="60" width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr><div style="padding:0px 15px;">
                <td width="67%" align="left">{if $PRODUCTS_MODEL!=''}<div style="background-color:#ececec"><strong>{#model#}</strong> {$PRODUCTS_MODEL}</div>{/if}</td><td width="12%" align="center">{$ADD_QTY}</td><td width="21%" align="left">{$ADD_CART_BUTTON}</td>
        </div></tr>
</table>
 

da sind nur "paddings" definiert ... und das sind Innenabstände. du brauchst aber Aussenabstände.
Wenn ich dich richtig verstehe soll der graue block genauso breit sein wie unten die Tabs .. richtig?

Markus

[Kludde]

Hallo Markus,

ja, genau. Der graue Block soll genauso breit sein, wie die Tabs unten!!
Kannst du mir hierzu helfen? Mit welchen Befehl kann ich die Aussenabstände definieren?

Danke schon mal im Voraus!
Klaus

[dukie]

ohne Dir jetzt auf den Schlipps zu treten, aber das ist "Murks" und kein HTML.
Tabellen mit inline Formatierungen, verschachtelte Div Container innerhalb von Zellen.

Versuch den Code erstmal vernünftig zu strukturien und wenn schon classes da sind dann benutze diese auch und schreibe da die CSS Anweisungen rein.

[Kludde]

@dukle: Du tretest mir nicht auf den Schlips Ich weiß, dass dieser "Murks-Code" nicht gut ist, habe aber leider keine andere Lösung gefunden, da mir sonst immer der Button Warenkorb weiter oben und nicht mittig angezeigt wird!!??

Klaus

[Markus]

Hi ...

zwar mit einer Tabelle ... aber wenigstens mal aufgeräumt
wenn du lust und laune hast packst du das ganze div's wobei ich zugebe dass das dann ein wenig "fummelei" wird bis es alles richtig sitzt.

Code: PHP  [Auswählen]

<div style="padding: 0 15px;">
<table width="100%" border="0" cellpadding="10" cellspacing="0" style="background-color:#ececec">
        <tr>
                <td width="67%" align="left">{if $PRODUCTS_MODEL!=''}<strong>{#model#}</strong> {$PRODUCTS_MODEL}{/if}</td>
                <td width="12%" align="center">{$ADD_QTY}</td>
                <td width="21%" align="left">{$ADD_CART_BUTTON}</td>
        </tr>
</table>
</div>
 

Markus

[Kludde]

Hallo Markus,

vielen, vielen Dank! Hat wunderbar geklappt

Bin dir was schuldig

lg
Klaus