Zeilenstil Bild responsiv 
Author: Michael G.
Visited 1386,
Followers 1,
Shared 0
Hallo,
ich habe ein HTML Objekt erstellt und im Zeilenstil ein Hintergrundbild eingefügt über die ganze Breite.
Aber bei responsiv kleineren Ansichten wird das Bild nicht angepasst.
Ich finde das mit dem HTML Objekt und Hintergrundbild besser da man hier die beliebige Höhe einstellen kann.
Das geht bei Bildobjekt nicht ohne das man das Bild bearbeiten muss
Posted on the
... Könntest du den Link posten, damit du ihn bewerten kannst...?...
Hallo- ciao
Was ist wenn du ein transparentes Bild einfügst in ein Bild-Objket und dann die GRafik im Zeilenstil einfügst.
Author
Muss ich probieren. Welche Größe muss das transparente Bild haben?
Ich würde sagen eher länglich, also mind. 2000px und so hoch wie du das Bild auf der Seite sehen willst, bei großem Bildschirm. Dann müsste es sich automatisch verkleinern und den Zeilenhintergrund auch.
Hallo Michael
Du hast ja die V17. Da kannst du das Bild erweitern und so musst du nicht mit dem Zeilenstil arbeiten. So habe ich es zumindestens gemacht. Dort kannst du dann auch eine Galerie oder nur ein Bild einfügen. Ist viel einfacher...
Gruss
Cookie
Author
Schaut mal hier.
Habe festgestellt das hier das Hintergrundbild auch nicht responsiv verkleinert wird.
https://zeltsysteme-goebel.de/test2/aufblasbare-zelte.html
Doch, das ist so gewollt! Es passt sich an, aber was du meinst geht nicht wenn du einen Text vorne hast. Denn wo soll der Text hin wenn sich das Bild auch von der Höhe verändert. Dann wird der Text außerhalb angezeigt und nicht innerhalb des Bildes.
... Ich weiß nicht, ob ich es verstehe, aber wenn ich es verstehe, müssen Sie zusätzlichen JS-Code programmieren, um die Höhe der proportional-reaktiven Leitung zu erhalten.
.
Author
@ Andreas
hast du einen Tipp wie man das anders lösen kann?
Man sieht viel im Internet die ein Hintergrundbild im Zeilenstil haben und darüber Text
JA, aber es passt sich bei allen nicht von der Höhe an! Du kannst eben noch ober- und unterhalb des Text-Objektes HTML-Objekte einbinden mit der Höhe z.B. von 100 px und im Zeilenstil dann alle 3 Reihen verbinden. In den kleineren Breakpoints die HTML-Objekte ausblenden, dann hast du auch den Verkleinerungseffekt und hast trotzdem Text im Bild.
Author
Das ist zu kompliziert.
Ich habe es nicht hinbekommen. Es muss doch eine einfachere Möglichkeit geben um Text auf ein Hintergrundbild (Zeile)
zu bekommen damit sich das Bild responsiv anpasst.
Was ist das für ein Code @ KolAsim?
Author
Also kann ein Hintergrundbild im Zeilenstil nicht responsiv werden?
Author
Der Slider kann doch auch mit Code responsiv gemacht werden
Es "IST" responsive aber nicht dynamisch wie du es willst, denn dann wird alles winzig.
Angenommen du hast eine Hintergrundgrafik mit 2000px Breite und 400px Höhe und darüber einen Text mit 28px! Wenn sich die Grafik anpassen soll auf 480px, dann wird die Höhe nur mehr 50px sein und wie soll sich die Schrift hier ausgehen?
Author
Na die Schrift soll dann auch kleiner werden :-)
Ich weiß klingt alles einfacher wie es ist.
Es hätte ja sein können das das mit einem Code irgendwie zu lösen ist.
Wie gesagt man sieht auf vielen Seiten im Web ein Hintergrundbild mit Text darüber und da wurde es auch irgendwie gelöst.
... ich habe leider kein Programm, und um meinen Code auswerten zu können, sehe ich, dass der LINK nicht funktioniert ...
.....................
>> ... ... blieb ausstehend; ... wenn du das mit dem tabelle gelöst hast, dann schließe das Thema: https://helpcenter.websitex5.com/en/post/204175#comment21
.
Author
Da ist nicht gelöst da es immer noch unschön aussieht.
Daher belasse ich es bei dem Scrollbalken oder denke darüber nach die Tabelle als Bild zu machen.
...!...link...?..
404 Not Found
The requested URL /test2/aufblasbare-zelte.html was not found on this server.
Author
www.zeltsysteme-goebel.de
Aber wie gesagt ich habe die Scrollbalken belassen
... OK ... Ich dachte, Sie interessieren sich für das Beispiel von TEST2; ...dann, wenn ich verstanden habe, hast du schon gelöst...
... Hallo und bis zum nächsten Mal...
ciao
.
Author
Ja Test2 sah mit dem Code nicht schön aus. Daher lasse ich das so.
Trotzdem danke