Mehrere Bilder in Box Informationen einfügen und ausrichten

[Ben@cha@min]

Hallo Community,

bin grad dabei meinen Shop aufzusetzen. Habe bis jetzt auf alles eine Antwort gefunden, aber dazu konnte ich leider nichts finden.

Ich habe die Box Informationen nach rechts verschoben und umbenannt.

Jetzt möchte ich 2 Bilder und einen HTML-Code einfügen. Das habe ich auch schon geschafft, nur leider sind die Bilder nicht zentriert und kleben fast aneinander.

Wie kann ich die Bilder in der Box zentrieren und den Abstand zueinander verändern???

Wäre für Hilfe dankbar.

gruss

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

[Thomas]

Hi,

vielleicht hilft dir auch diese Anleitung, dort findet man auch ein Bespiel als Download:

BOX: Neue Box für zusätzliche Informationen ins Template einbinden
http://www.modified-shop.org/forum/index.php?topic=3347

Gruß

[noRiddle (revilonetz)]

Erstmal willkommen im Forum, Ben@cha@min .

Wenn du eine Frage der Art stellst, wäre ein Link nicht schlecht oder Codebeispiele.
So kann man lediglich seine Glaskugel anwerfen...

Gruß,
noRiddle

[Ben@cha@min]

Naja was soll ich für einen Code jetzt einfügen?

Ich habe die Bilder in der box_information.html eingefügt. Die Bilder erscheinen auch.

Meine Frage wäre lediglich wie ich die Bilder in der Box ausrichten und den Abstand zueinander verändern kann??

gruss

[jannemann]

Hallo Ben,

die Bilder richtet du mittels HTML aus. Du könntest den Abstand auch über CSS in der stylesheet.css formatieren. Hilfreich sind diese Links:

http://de.selfhtml.org/
http://www.css4you.de/

Schöne Grüße,
Jan

[Ben@cha@min]

Und wie mache ich das mit HTML? Was muss ich zusätzlich eingeben?

Das ist mein Code in der box_information.html:

Code: XML  [Auswählen]

{config_load file="$language/lang_$language.conf" section="boxes"}
<h2 class="boxheader">{#heading_infobox#}</h2>
<div class="boxbody">{$BOX_CONTENT}<br /><img src="{$tpl_path}img/Bild1.png"><img src="{$tpl_path}img/Bild2.png"></a></div>

Was muss ich ändern damit die Bilder zentriert sind und der Abstand zueinander größer wird?

[Gradler]

Die generelle Frage ist, wie groß sind Deine Bilder, wie breit ist Deine Box und was bleibt da max. noch für einen Zwischenraum. Das </a> hinter dem zweiten Bild ist sinnlos, wenn vor dem Bild bzw. den Bildern kein öffnender Tag <a href kommt.

Gerd

[Ben@cha@min]

Die Bilder passen in die Box Informationen rein. Das eine ist 176px und das andere 163px.

Das Problem ist das diese nun links am Rand kleben und nicht mittig von der Box. Außerdem könnte der Abstand zwischen den 2 Bildern größer sein.

[noRiddle (revilonetz)]

Na wenigstens ein bisschen Code hast du ja doch.
Versuch' mal das:

Code: XML  [Auswählen]

{config_load file="$language/lang_$language.conf" section="boxes"}
<h2 class="boxheader">{#heading_infobox#}</h2>
<div class="boxbody">{$BOX_CONTENT}
<img class="boxinfoimg" src="{$tpl_path}img/Bild1.png" />
<img class="boxinfoimg" src="{$tpl_path}img/Bild2.png" />
</div>

*EDIT* die img-tags müssen am Ende so geschlossen werden wie oben, das ist XHTML !

und in /templates/DEIN_TEMPLATE/stylesheet.css an geeigneter stelle

Code: CSS  [Auswählen]

img.boxinfoimg {text-align:center; padding:5px 0 0;}

Gruß,
noRiddle

[Ben@cha@min]

Vielen Dank!

Hat einwandfrei funktioniert!

gruss