Css- absolute Positionierung

[stobi_de]

https://holzspanstein.de/weinstein
Ich mache da mal ein neues Thema auf, weil anderes Problem.
Ich habe oben auf dem ersten Bild einen Play-Button absolut positioniert.
Das Absolut bezieht sich aber nicht auf das umgebende DIV sondern auf den umgebenden Container.
Da sich diese ROW auf einem Handy neu positioniert (weil reverse), ist der Play-Button dann auf dem Text.
Kann ich natürlich mit einem Mediaquery ändern, aber gibt es nicht eine Methode, den Play-Button relativ zum Bild zu positionieren?

Frank

[Tommy Herrmann]

Moin,

ich denke mal, dass Du das bereits geändert hast, denn bei mir wird der Play-Button auch auf dem Handy korrekt im Bild angezeigt, relativ positioniert.

Ich persönlich finde den Play-Button in seiner aktuellen Position unattraktiv, da man ihn in der Regel mittig erwartet, wenn ein Video dahinter verborgen ist. Das hat mich anfangs sehr irritiert.

Vielleicht sollte das Hintergrundbild vom Video-Block auch etwas stärker abgedunkelt werden, damit das doch sehr wichtige Video besser zur Geltung kommt und nicht übersehen werden kann.

Du müsstest allerdings an der Navi noch was machen, wahrscheinlich sollte dieser "Kontakt" Button weg, denn der Firmenname wird verdeckt:

[stobi_de]

Na, dann mache ich doch das Logo aufm Handy was kleiner.
Ich hatte den Play-Button zuerst in der Mitte - störte (mich).
Aber was größer werde ich ihn machen - ah ja, und Du hattest mal einen CSS-Heartbeat gebaut, sowas kann man recyclen - bin doch gerade auch in der Entsorgungsbranche

[Tommy Herrmann]

Ja - so sieht man den Play-Button besser. Wer nicht weiß, dass sich da ein Video versteckt, könnte das sonst schnell übersehen.

Der "Kontakt" Button sieht immer noch schrecklich am Handy aus und erschlägt das Logo total

[stobi_de]

Ja, der Kontakt darf was dezenter werden. Mal schauen, wie ich die beiden Knöpfe etwas kleiner bekomme

[Tommy Herrmann]

Ja, so wirkt es bereits viel ansprechender mit der dezenten Farbe. Vielleicht wäre aber auch ein einfaches Symbol für den "Kontakt"-Button an dieser Stelle weniger aufdringlich: