Kombination aus Slider und Text als Header

zu1. Gib dem Textartikel im Banner-Bereich mal folgendes Inline-CSS:

position:relative; z-index:100;

zu 2. Der Slider behält immer das Bildverhältnis bei. Am einfachsten wäre es also wenn du das Bild mit Hilfe eines Grafikprogrammes auf dein gewünschtes Format beschneidest.

Hier ein Beispiel.

Eine Alternative zu 2. wäre das du im Slider folgendes Inline-CSS eingibst:

height:80vh;

Das bewirkt dann das dein Bild immer so dargestellt wird das dein Bild 80% des Bildschirmes ausfüllt. BEISPIEL

Ich würde aber die erste Variante bevorzugen.

Hallo Michael,

rein aus der Vermarktung heraus solltest Du das Konzept mit dem großen Slider überdenken. der Besucher kommt auf die Seite, sieht ein Bild, aber nichts, was ihn zu weiteren Inhalten führt. Er muss dann erst nach unten scrollen, um weitere Inhalte zu sehen. Besser wäre aus meiner Sicht "flach & breit", damit zumindest ein Ansatz der weiteren Informationen sichtbar ist und der Besucher gezielt nach unten scrollt, um mehr zu erfahren.

Thomas,

der Michael hatte doch geschrieben der Slider soll nicht Seitenfüllend sein. Ich gehe davon aus das er das genau so haben will wie du schreibst. (Flach und Breit)

Hallo Michael,

du hattest geschrieben das du den Slider selbst ganz nach oben bekommst. Deshalb habe ich diesen Teil weg gelassen.

Füge dem Slider hierzu folgendes Inline-CSS hinzu und passe es an:

margin-top:-263px;

PS: das Video funktioniert nicht. Aber wenn alles passt brauchen wir das ja nicht.