Bilder im content gleichmässig ausrichten/verteilen

[Jürgen]

Hallo zusammen....

habe folgendes zweispaltiges Layout im shop (nur leftcol und content).
Der obere Teil auf dem Bild kommt aus dem content (index).

Die unteren 4 Bilder sind aus der "new_products". Wie kann ich die Artikel entsprechend im Layout positionieren damit die Ausrichtung wie im oberen Teil ist... bin da ein bisschen überfragt.

Die Bilder haben die gleichen Abmessungen wie im oberen Teil, jedoch müsste das erste linksbündig sein, das letzte rechtsbündig und die anderen beiden gleichmässig verteilt. Gibt es dafür einen css Code o.ä.?

Habe das gleiche Problem mit dem Layout auch bei der "product_listing" aber wenn das oben geschilderte Problem gelöst ist ergibt sich das dann sicherlich...

Danke für die Hilfe

Grüsse Jürgen

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



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

[Tomcraft]

Poste doch bitte mal einen Link zu deinem Shop, damit wir das mit Firebug für Firefox überprüfen können.

Grüße

Torsten

[Jürgen]

Hallo Torsten...

shop

Ist alles noch wip.....und warscheinlich ein bischen "zusammengeschustert" von mir.

Danke für die Hilfe

[Tomcraft]

Poste mal bitte deine "new_product_default.html", da sind mehrere "element.styles" definiert, die es über Firebug ein wenig schwierig machen, da ich den Wert nicht einfach in der stylesheet.css ändern kann, sondern jedes Mal an 4 Stellen ändern müsste.

Du musst eben mit der Breite der DIVs, TDs und den "margins" ein wenig spielen... du hast dort für die DIVs und TDs 184px angegeben, das ist vermutlich die Datei von hier: TEMPLATE: Artikelansicht zweispaltig & dreispaltig

Du kannst auch einfach mal diese Version hier testen: TEMPLATE: Artikelansicht zweispaltig & dreispaltig auf CSS Basis

Grüße

Torsten

[Jürgen]

Hallo Torsten,

mein content hat 736px Breite, und die Bilder 175 (incl. Rahmen 2px bin völlig überfragt wie ich das jetzt zuweisen soll. Die Bilder liegen im DIV in einem table da habe ich 184 als Breite.

Aber ich lege doch in der new_products die Breite des DIV sowie margin, etc. für alle Artikel gleich an und nicht für jeden einzeln.

Hab keine Ahnung wie ich jetzt den ersten Artikel ganz links habe den letzten ganz rechts und die anderen beiden ausgemittelt, dann würde es ja passen, hoffe das war verständlich.

"new_products_default.html":

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="new_products"}
<h1><span style="color: #512670">{#heading_text#}</span><br />
{foreach name=aussen item=module_data from=$module_content} </h1>
<div style="float:left; width:184px; padding-top: 0px; padding-right:0px; background-color:#fff; padding-left: 0px; padding-bottom: 0px;">
  <table width="184" border="0" align="left" cellpadding="0" cellspacing="0">
    <tr>
      <td height="57" align="center" valign="top" "><a href="{$module_data.PRODUCTS_LINK}"><img src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" class="productimg" /></a></td>
    </tr>
    <tr>
      <td height="1" style=""></td>
    </tr>
    <tr>
      <td align="left" valign="top" bgcolor="#FFFFFF" class="productPreviewContent" style="text-align: left; padding-left: 5px; padding-top: 2px;"><!-- <h2><a href="{$module_data.PRODUCTS_LINK}">{$module_data.PRODUCTS_NAME}</a></h2> -->
       <p class="price"><strong>          {$module_data.PRODUCTS_NAME}<br />
          <a href="{$module_data.PRODUCTS_LINK}">{$module_data.PRODUCTS_PRICE}</a></strong>
          <!--{$module_data.PRODUCTS_ID}-->
      </p></td>
    </tr>
  </table>
</div>
{/foreach}
 

Danke für die Hilfe

Grüsse

Jürgen

[Jürgen]

Hallo Torsten,

hat sich erledigt habe einfach den Content-Bereich um ein paar Pixel breiter gemacht.

Jetzt steht das letzte Bild bündig mit dem Rest und wird nicht in die nächste Zeile
verschoben.

Passt jetzt.

Danke für die Hilfe

Jürgen

[Tomcraft]

Schön, dass du es noch hin bekommen hast, genau richtig gemacht!

Grüße

Torsten