WebSite X5Help Center

 
Michael G.
Michael G.
User

Zeilenstil Bild responsiv  de

Autor: Michael G.
Besucht 1383, Followers 1, Geteilt 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

Gepostet am
21 ANTWORTEN - 2 NüTZLICH
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats FRNutzer des Monats PL

... Könntest du den Link posten, damit du ihn bewerten kannst...?...

Hallo- ciao

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

Was ist wenn du ein transparentes Bild einfügst in ein Bild-Objket und dann die GRafik im Zeilenstil einfügst.

Mehr lesen
Gepostet am von Andreas S.
Michael G.
Michael G.
User
Autor

Muss ich probieren. Welche Größe muss das transparente Bild haben?

Mehr lesen
Gepostet am von Michael G.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

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.

Mehr lesen
Gepostet am von Andreas S.
Cookie G.
Cookie G.
User

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

Mehr lesen
Gepostet am von Cookie G.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

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.

Mehr lesen
Gepostet am von Andreas S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats FRNutzer des Monats PL
 ‪ KolAsim ‪ ‪
... Könntest du den Link posten, damit du ihn bewerten kannst...?... ... ... 
Michael G.
Schaut mal hier. Habe festgestellt das hier das Hintergrundbild auch nicht responsiv verkleinert wird. https://zeltsysteme-goebel.de/test2/aufblasbare-zelte.html

... 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.

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Michael G.
Michael G.
User
Autor

@ 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

Mehr lesen
Gepostet am von Michael G.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

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.

Mehr lesen
Gepostet am von Andreas S.
Michael G.
Michael G.
User
Autor

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?

Mehr lesen
Gepostet am von Michael G.
Michael G.
Michael G.
User
Autor

Also kann ein Hintergrundbild im Zeilenstil nicht responsiv werden?

Mehr lesen
Gepostet am von Michael G.
Michael G.
Michael G.
User
Autor

Der Slider kann doch auch mit Code responsiv gemacht werden

Mehr lesen
Gepostet am von Michael G.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

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?

Mehr lesen
Gepostet am von Andreas S.
Michael G.
Michael G.
User
Autor

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.

Mehr lesen
Gepostet am von Michael G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats FRNutzer des Monats PL
Michael G.
... ... ...Was ist das für ein Code @ KolAsim?

... 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/de/post/204175#comment21

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Michael G.
Michael G.
User
Autor

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.

Mehr lesen
Gepostet am von Michael G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats FRNutzer des Monats PL

...!...link...?..

404 Not Found

The requested URL /test2/aufblasbare-zelte.html was not found on this server.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Michael G.
Michael G.
User
Autor

www.zeltsysteme-goebel.de

Aber wie gesagt ich habe die Scrollbalken belassen

Mehr lesen
Gepostet am von Michael G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats FRNutzer des Monats PL

... 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

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Michael G.
Michael G.
User
Autor

Ja Test2 sah mit dem Code nicht schön aus. Daher lasse ich das so.

Trotzdem danke

Mehr lesen
Gepostet am von Michael G.