Jump to content

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


Fashionresidenz

Recommended Posts

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:

post-739759-0-11943200-1446996528_thumb.jpg

 

 

Und so soll es aussehen:

post-739759-0-73689100-1446996534_thumb.jpg

 

Viele Grüße
Lucas

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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; }
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...