Zwei <div´s nebeneinander ... Image neben Text

[Fashionresidenz]

Hallo Freunde,

 

ich habe ein kleines Problem und zwar habe ich per product.tpl das Manufacturer Logo in die Produkt Seite eingebunden. Jetzt ist es so dass das Bild über den restlichen Informationen angezeigt wird. Ich hätte es aber gerne dass das Bild rechts angezeigt wird und der Rest dann linksbündig daneben.

Ich habe euch mal einen Screenshot angehangen, der eine zeigt wie es jetzt aussieht und der andere wie es aussehen soll.
Vielleicht hat jemand eine Idee wie ich zwei "<div´s" nebeneinander anordnen kann.

 

So sieht es jetzt aus:

 

 

Und so soll es aussehen:

 

Viele Grüße
Lucas

[schibulski]

div bedeutet automatisch ein Zeilenumbruch. Es ist sozusagen ein Block-Element mit Zeilenumbruch. Ich würde das Logo in dem Fall irgendwie mit css und "float: right;" einbinden.

[Fashionresidenz]

Hey schibulski,

mit float:right; habe ich es schon eingebunden, nur halt nicht ohne div.
Also die Einbindung sieht zur Zeit so aus:

 

<div style="float:right;">
<a class="manu_logo" href="{$link->getManufacturerLink($product->id_manufacturer)}"><img src="{$base_dir}img/m/{$product_manufacturer->id}.jpg" alt="{$product->manufacturer_name|escape:'htmlall':'UTF-8'}"/> </a> </div>

 

 

Wie könnte ich das mit css ändern?

Viele Grüße

Lucas

[schibulski]

ich würde den style komplett aus der .tpl entfernen und das logo nicht als div, sonder nur mit <a> einbinden. Dann die Klasse in einer css datei (am sinnvollsten product.css) stylen. Dort dann mit float:right arbeiten.

 

Die .tpl wäre dann:

<a class="manu_logo" href="{$link->getManufacturerLink($product->id_manufacturer)}"><img src="{$base_dir}img/m/{$product_manufacturer->id}.jpg" alt="{$product->manufacturer_name|escape:'htmlall':'UTF-8'}"/> </a>

und die css sowas in der art:

.manu_logo {
float:right; }