Bild über Slideshow

Z

ZockerLordLP

Erfahrenes Mitglied
Hallo Community,

ich wollte gerne dieses Bild: http://screencloud.net/v/xlfi über diese Slideshow legen: https://screencloud.net/v/yKcl.

Das Bild hat auch eine transparent, also dies ist kein Problem. Es funktioniert auch mit z-index und position:absolut.

Sobald ich allerdings das Fenster verkleinere ist es nicht mehr reponsitive. Es soll sich also mit der Slideshow verkleineren.

Wie kann ich dies am besten machen bzw. oder kann man dies besser mit einem circle von CSS machen?
 
Mit Code ist immer schwierig, da die Slideshow ein Wordpress Plugin ist, das ich im Quelltext eingefügt wurde.

Die Seite ist noch im Wartungsmodus ich kann dir aber einen Account per PN geben.
 
Soweit ich das richtig überblicke, fehlen analog zur Slideshow die beiden Angaben max-width:1170px und max-height:300px.

Sofern du anstelle des Hintergrundbildes das <img>-Element verwenden willst, ist dir dort im Inline-Style ein Tippfehler unterlaufen, denn darin steht momentan position:absoulute.
 
Ich habe die position:absolute hinzugefügt.

Ich weiß jetzt nicht was du mit "analog dazu" meinst. In welches Element soll ich das hinzufügen.

So wie es jetzt ist, wird es beim verkleinern des Bildes nicht kleiner
 
Hat leider nichts gebracht ;(

Wenn ich die Seite mit dem Handy öffne klappt es. Wenn ich am PC das Fenster verkleinerte klappt es nicht
 
Lokal erfolgreich getestet:
HTML: 
<div class="headerimage" style="position:absolute;z-index:100;max-width:1170px;max-height:300px">
   <img style="width:100%" src="...">
</div>

Der angesprochene Tippfehler existiert aber immer noch in deinem Quellcode.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück