Bild neben oxSlider

Deutsches Forum
1

Nabend zusammen,

ich habe meinen oxSlider auf die größe angepasst. Nun möchte ich gerne rechts daneben ein Bild haben wollen in dem ich 3-4 Informationen drin stehen habe.
Weiß wer wie ich das umsetzen kann?

Ach noch eine Frage, Wie bekomme ich den Slider so positioniert das er rechts bündig ist?

LG
Sebastian

2

mit HTML und CSS
Kannst du das ein bisschen? Z.B: floar:right; oder float:left; und feste Breite vergeben, falls noch nicht geschehen
Ohne gehts nicht

3

Hallo Vanilla Thunder,
ja das kann ich ein bisschen… :slight_smile: Habe via Firefox Inspektor auch schon einiges ausprobiert, leider nicht das Ergebniss bekommen was ich wollte. Es tat sich garnichts. Hast du vll einen Tipp welche Zeilen ich im css bearbeiten muss und welche html Datei das genau ist?

Danke dir im voraus

4

ich glaube, im standard CSS gibts keine Code Zeilen für etwas, was im standard Tempalte noch gar nicht drin ist :wink:
Hast du einen Link zum Shop, damit ich sehen kann, was du angepasst hast und wie man da noch etwas daneben reinquetschen kann?

5

Habe dir eine PN gesendet

6

also gut, du musst header.tpl finden:


und so anpassen:


[{if $oView->getClassName()=='start' && $oView->getBanners()|@count > 0 }]
[b]<div>
  <div style="width: 370px;float: left;padding: 0 0 0 10px;margin-bottom: 20px;">
    <img src="http://lorempixel.com/370/200/cats/" style="max-width: 100%;">
  </div>[/b]

  <div class="oxSlider">
  ...
  </div>
[b]</div>[/b]
[{/if}]

dazu kommt css: out/mein_theme/src/css/oxid.css Zeile 4364


.oxSlider {
    padding: [b]0 0[/b] 0 10px;
    overflow: hidden;
    [b]float: left;[/b]
    [b]/*clear:both;*/[/b]
}
7

Du bist der Beste!!! :smiley:

Vielen Vielen Dank für deine Hilfe!

Nun schau dir aber bitte mal den Slider an, links und rechts sind so weiße Ränder???

LG

8

Du hast entweder die beiden Schatten-Bilder bewusst aus dem Template entfernt, oder sie fehlen dir in dem neuen mein_theme Ordner:
out/azure/img/promo-shadowleft.png
out/azure/img/promo-shadowright.png

Und du müsstest die beiden vorderen Nullen aus .oxSlider padding wieder rausnehmen, damit das rechte Bild wieder am rechten Rand ist.

9

erledigt… funktioniert einwand frei… bist der Beste

DANKE!!!