Responsive Anpassung der Bilddatei 
Autor: René M.
Besucht 1202,
Followers 1,
Geteilt 0
Die Bilddatei, welche ich unter 3 Sitemap hinterlegt habe (siehe Beilage), passt sich nicht den verschiedenen Breakpoint-Grössen an, wie es bei meinen Buttons, welche ich als Bild-Objekte unter "Erstellen der Seiten" hinterlegt habe. Die Schrift bleibt immer gleich gross, egal welchen Breakpoint ich verwende. Kann man irgendwie einstellen, dass sich diese Bilddatei im Verhältnis/proprtional zum Breakpoint anpasst? Im Header kann ich dieses Bild nicht hinterlegen, weil ich für jede Seite ein anderes Bild verwende.
Gepostet am
Du hast noch nicht Online hochgeladen die Seite! Ist das wirklich ein Bild oder ein Text-Objekt mit Schrift und Hintergrund?
Autor
Doch, die Seite ist hochgeladen. Mit einem Mobile-Gerät wählen: www.test2.wyabig.ch -> dann bitte auf "Top Weine/Rotweine trocken" gehen. Es ist ein .png Bild, welches ich im Adobe erstellt habe. Ein .jpg Bild habe ich auch schon ausprobiert. Dieses verhaltet sich genau gleich.
ahh man muss am Handy schauen, oder auf mobile.wyabig.ch gehen damit man es sieht! Irgendwie hast du bei allem Pech oder du machst irgendetwas falsch.
Was ich rausgefunden habe ist, du hast die normale Seite mit V13 gemacht und die mobile aber noch mit V12 ! Irgendwie reden wir dann immer aneinander vorbei.
Was ich noch so weis, werden Hintergrundbilder ab der 480 px Marke automatisch ausgeblendet bei V12.
Ganz kapiere ich dein Aufbausystem auch nicht mit deinen Seiten wo du was mit welcher Version eingefügt hast.
Autor
Achtung, Achtung, Achtung! ->->-> nicht www.mobile.wyabig.ch wählen, sondern wie oben erwähnt www.test2.wyabig.ch auf einem Handy. Ich habe zurzeit mein gesamtes Testprojekt separat dort hochgeladen!!! Danke!
O.K. jetzt habe ich die richtige Seite ! Bei mir wird der Hintergrund angezeigt am Android Handy !
Autor
Ja, aber die Buttons werden je nach Breakpoint vergrössert oder verkleinert. Halte Dein Handy mal im Querformat. Bei dem Hintergrundbild sollte sich die Positionierung des Titels "Rotweine trocken" (siehe meine erste Beilage) anpassen, also auf gleicher Höhe bleiben. Dieser ist jedoch je nach Breakpoint weiter oben oder weiter unten positioniert. Das heisst für mich, dass das Hintergrundbild nicht wie die Buttons angepasst werden.
Verstehe nicht was du meinst? Natürlich verändern sich die Buttons bei größeren Breakpoints, um besser sichtbar zu sein. Der Hintergrund wirkt für mich sehr angepasst. Beim Querformat ergibt sich glaube ich eine Randeinstellung die unter 480px nicht mehr angezeigt wird und deshalb den unteren Abstand nicht vergrößert.
Autor
Das Ziel wäre, dass auf dieser Seite (mit Handy www.test2.wyabig.ch aufrufen -> dann bitte auf "Top Weine/Rotweine trocken" gehen) der Titel "Rotweine trocken" immer auf gleicher Höhe, also im Header eingemittet, stehen würde (siehe Beilage).
Das funktioniert nicht weil die Schrift nicht eine Schrift ist, sondern in das Hintergrundbild eingefügt worden ist. Deshalb untersteht es den Regeln der Hintergrundgrafik und nicht dem Content der auf die Breakpoints angepasst wird.
Autor
Verstehe ich das richtig, dass ich dort bei jeder Seite eine Schrift anstatt ein Bild hinterlegen könnte und diese dann immer, bei jedem Breakpoint, eingemittet wäre?
Theoretisch schon. Da ich aber deinen Seitenaufbau nicht kenne und noch immer nicht verstehe, kann ich dir nicht sagen wo genau du die Schrift einfügen musst um deine Wünsche zu erfüllen. Ich würde es oben auf der gewissen Rotwein Seite einfügen, wenn es nur für diese Seite gelten soll. (Tranparenter Hintergrund des Objekts) Den Holzhintergrund kannst du ohne "schrift" lassen.