Zwei Elemente nebeneinander...

[Herr_Bert]

Guten Tag,
da ich neben der Anzeige der Shop-Bewertungen eine Grafik anordnen möchte habe ich die index.html

Code: PHP  [Auswählen]

<div id="category_menue_container">
  {$box_shopvoting}
  {$box_SEARCH}
  {$box_MANUFACTURERS}<div class="nav-container">
   {$box_CATEGORIES}</div>

so

Code: PHP  [Auswählen]

<div id="category_menue_container">
  {$box_shopvoting}<a href="https://www.maggysstore.de/shop_content.php?coID=2"><img src="{$tpl_path}img/no_sale_ue18.png" alt="" /></a>
  {$box_SEARCH}
  {$box_MANUFACTURERS}<div class="nav-container">
   {$box_CATEGORIES}</div>

präpariert.
Leider steht die Grafik unter und nicht neben dem Bewertungsfeld (siehe Bild). Wie kann ich das denn wohl nebeneinander bekommen?

Herr_Bert

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

[Fakrae]

Solche Sachen werden häufig automatisch umgebrochen, wenn der verfügbare Platz einfach nicht reicht (alternativ auch per CSS) - ich würde als ersten Versuch mal die Bewertungsbox kleiner machen

[Herr_Bert]

Habe die Bewertungsbox verkleinert, aber das Bildchen steht immer noch darunter 
Dann habe ich das Bildchen auf nur noch 20px verkleinert, aber es rutscht nicht nach oben 
https://www.maggysstore.de/

Herr_Bert

[Herr_Bert]

Uff, nach reichlich experimentieren bin ich zu dem weisen Entschluss gekommen.....
das muss irgendwie anders gehen  Einfach nur daneben setzen geht so nicht, muss ich dafür noch einen Container einbauen? Jetzt hab ich soviel gebastelt und erstmal den Durchblick verloren, hab erstmal alles wieder auf Anfang gesetzt 

Herr_Bert

[noRiddle (revilonetz)]

Ich denke das Bild sollte in die Box und nicht außerhalb, also in der index.html.
Will sagen, es muß ja eine *.html für die Box geben in /templates/DEIN_TEMPLATE/boxes/.
Dort das Bild einfügen und mittels CSS positionieren.

Gruß,
noRiddle

[Herr_Bert]

Habe das Bild mal in der box_search.html ganz oben eingefügt, leider lande ich damit immer noch unter der Bewertungsbox.
Für eben diese kann ich keine *.html finden. Angelegt habe ich die beim Einbau des Bewertungsmodul nach Anleitung die ich unten mal anhänge. Handelt es sich hier gar nicht um eine Box, muss ich das anders angehen?

Herr_Bert

[noRiddle (revilonetz)]

Dann scheint es keine "normale" Box zu sein.
Schau mal in /mailhive/configbeez/config_shopvoting/classes/Shopvoting_widget.php was die Funktion output() genau ausgibt. Damüsste dann irgendwo dein Bild rein.
Kenne den Code aber nicht.

Gruß,
noRiddle

[hpzeller]

Hallo Herr_Bert,

kleine Info, wie ich sehe hast Du es doch noch geschafft die zwei Elemente nebeneinander zu platzieren, aber da dein Template responsive designd ist werden wohl mancher Shopbesucher mit kleinem Bildschirm so etwas zu sehen bekommen.

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

Gruss
Hanspeter

[Herr_Bert]

Grüß dich Hanspeter,

wie klein ist denn dein Handy? Bei mir sieht das ganze so aus (siehe Anhang)

Herr_Bert

[hpzeller]

Hallo Herr_Bert,

nicht Handy, Tablet Hochformat Breite 880px.

PS:
Responsive designd heisst, für alle Endgeräte mit Browser geeignet, nicht nur Desktop oder Handy.

Gruss
Hanspeter

[Herr_Bert]

Uff, da fällt mir jetzt auch nichts mehr ein, das hatte noch keiner bemerkt. Scheint aber schon von Anfang an so zu sein, nicht erst jetzt durch den neben die Bewertungsbox gesetzten Button.
Kann das über die css Dateien angepasst werden, weiß jemand was geändert werden muss?

Herr_Bert

[Herr_Bert]

Hallo Hanspeter,
habe das jetzt so https://www.maggysstore.de/ gelöst, bist du damit zufrieden 

Herr_Bert

[hpzeller]

Hallo Herr_Bert,

wichtig ist das Du zufrieden bist, ich hätte das Bild mit dem Link noch in ein div gepackt und ein bisschen Style darin eingefügt, damit das Bild bei allen Auflösungen immer schön unter der Bewertungsbox zentriert ist, etwa so.

Code: XML  [Auswählen]

<div style="text-align: center; width: 100%;"><a href="https://www.maggysstore.de/shop_content.php?coID=2"><img src="{$tpl_path}img/no_sale_ue18.png" alt="Jugendschutz" /></a></div>
 

Gruss
Hanspeter

[Herr_Bert]

Guten Tag Hanspeter,
vielen Dank für deine "Nachlese", habe ich natürlich sofort umgesetzt und sieht viel besser aus 

Herr_Bert