Bildgröße - Cover, Contains, Size, mobile Version, mobile Ansicht, Bildergröße

    Hallo alle Zusammen,

    ich bin langsam am verzweifeln. Ich habe eine Internetseite im Layout Stripe Responive erstell ( zumindest glaub ich das, da es ausgewählt ist, wenn ich unter Layout auf Anderes Layout klicke ). Jetzt habe ich einige Container als Randlos und Fix erstellt und auch diverse Größen wie: Cover, Contains, Size ausprobiert.

    1. Würde ich gerne wissen wofür jede Einstellung da ist, da ich keinen Unterschied festgestellt habe.

    Des Weiteren habe ich das Problem, das die Seite am Pc / Mac zwar richtig angezeigt wird, jedoch auf mobilen Geräten die Bilder völlig zu groß sind. Ich komme einfach nicht auf die richtige Einstellung. Es soll schon Randlos sein aber das Bild an sich, muss sich doch auch verkleinern und nicht nur einen kleinen Teil preis geben.

    Ich würde mich sehr freuen wenn jemand eine Antwort hat. Leider bin ich im Forum nicht fündig geworden.

    Gruß Patrick Liedtke

    p.s. Ich nutze Zeta Producer 14.

    Momentan habe ich ein Bild auf folgende Werte gestellt:

    Position 50% , 50%

    Größe: Cover

    Wiederholen: alles aus

    Attach: Fix ist eingeschaltet

    Randlos: Ja

    Hallo Patrick,

    liegt eventuell daran, dass keiner nachvollziehen kann, wie Du für ein einzelnes Bild die Werte eingestellt hast.

    Es würde schon helfen, wenn ein Link zur Seite verfügbar wäre, damit man sich das mal ansehen kann. Momentan stehe ich noch völlig auf dem Schlauch, wo Du was gemacht hast.

    Hallo Patrick,

    wie Thomas schon schrieb, mit einem Link kann man immer besser helfen.

    Aber ich denke ich weiß was du meinst.

    Zu 1.

    HIER eine Erklärung, und HIER kannst du das selber ausprobieren und verstehen.

    Zu 2.

    So wie du dir das vorstellst kann das nicht funktionieren. Eine Hintergrundgrafik für einen Container in einer Responsiven Seite muss flexibel sein.

    Wenn der Bildschirm kleiner wird muss ja der Inhalt weiterhin in der Hintergrundgrafik dargestellt werden Somit muss die Hintergrundgrafik entsprechend angepasst werden damit der komplette Inhalt in dieser dargestellt werden kann. Somit versucht der Browser bestmöglich die Hintergrundgrafik zu skalieren um den Inhalt in dieser unterzubringen.

    Schwer zu erklären. HIER EIN LINK einmal das Fenster am Desktop in der Breite verkleinern dann wirst du das verstehen.

    Kurzum, deine Einstellungen:

    Momentan habe ich ein Bild auf folgende Werte gestellt:

    Position 50% , 50%

    Größe: Cover

    Wiederholen: alles aus

    Attach: Fix ist eingeschaltet

    Randlos: Ja

    sind perfekt für die Responsive Darstellung. Wichtig ist immer das der Fokus der Bilder in der Mitte sitzt oder eben gar kein Fokus vorhanden ist.

    Vielen Dank schonmal.

    Verstehe ich das richtig, das es dann für eine responsive Darstellung mit einem fixen Container mit Hintergrundbild nicht funktioniert? Ich fand den Effekt so schön, das sich der eine Container über den anderen Container beim Scrollen schiebt. Sprich: fixer Container Randlos mit Hintergrundbild und darüber fährt dann der nächste nicht fixe Container mit Text.

    Das ist also so wie ich es verstehe nicht machbar?

    Vielen Dank für die Informationen. Ich werde irgendwas komplett verstellt haben und deshalb klappt es wohl nicht mehr. Man sollte auch nicht an Dinge gehen, wo man keine Ahnung von hat. ;(

    Die Seite nennt sich: http://www.pravico-media.com

    Die ersten Punkte: Home, Unternehmen, Leistung funktionieren ja einigermaßen aber ab Partner passt es überhaupt nicht.

    Auf der Partner Seite sieht man aber bei dem oberen Bild den Fehler ganz genau. Am Desktop zeigt er es noch richtig an, am IPad auch aber sobald ich auf das Mobiltelefon gehe, passt gar nichts mehr.

    Hier mal die Einstellungen.

    Ich bin für jede Hilfe dankbar.

    Gruß Patrick


    Ich kann auch einen Zugriff per Skype oder so herstellen, wenn mir damit jemand helfen kann. Ich nehme jede Hilfe die ich bekommen kann.

    Danke schon mal im Voraus.

    Hallo Patrick,

    ich vermute, dass der SPACER über HKS-Systemtechnik die Probleme bei der mobilen Darstellung verursacht. Die Bilder haben ja alle ein unterschiedliches Format, deshalb springen sie bei der mobilen Darstellung. Besser wäre es, die Logos extern zu bearbeiten und auf ein einheitliches Format zu ändern (sofern die Dir zur Verfügung gestellte Lizenz des Markeninhabers dies zulässt).

    Ja genau das ist auch so eine Sache. Ich habe leider die Rechte nicht.

    Ich sag mal so, das stört mich gar nicht so sehr, es sind wirklich die Hintergrundbilder der Container. Die müssten einfach mit kleiner werden. Natürlich darf das Seitenverhältnis bleiben aber ich habe das Gefühl, wenn ich es auf dem Handy öffne ( besonders unter Partners ) das ich nur einen Ausschnitt sehe und das Bild gar nicht klein wird.

    Nun ja, die Rechte sollte man schon haben, wenn man Inhalte Dritter auf eine Homepage stellt. Für das AV-Lexikon (das Original findet man bei https://www.luxion.de/av-lexikon.html) hast Du aber hoffentlich die Rechte.

    Du hast in den Containern einen Textartikel eingefügt und einfach ein paar Umbrüche hinzu gefügt. Diese Umbrüche werden natürlich auch in der mobilen Ansicht dargestellt.

    Du könntest das gewünschte folgender maßen umsetzen.

    Füge einen Artikel (Widget > Quelltext) mit folgendem Inhalt hinzu:

    Code
    <div style="height:20vw;"></div>

    Diesem Artikel fügst du nun deinen Container mit dem gewünschten Bild hinzu.

    Einstellungen: "size" "X 100%" "Y Auto"


    Hinweise:

    • Die Einstellung "height:20vw" legt fest das die Höhe deines Containerbildes immer 20% der Bildschirmbreite einnimmt.
    • Das Widget > Quelltext wird in der Liveansicht schwer greifbar sein. Um dieses zu öffnen am besten mit F8 in den Spaltenmodus wechseln.

    Hanabi: Ich habe die Rechte auch um die Dinge alle nutzen zu dürfen, nur damit bekommt man nicht das Recht die Logos zu verändern oder zu beschneiden. Da gibt es nun leider Unterschiede.

    Mario: Ich werde es jetzt sofort ausprobieren. Danke.

    Jipiiiiiii!!! Tausend Dank Mario! Tausend Dank!

    Genau so sollte es sein. Super. Du kannst dir nicht vorstellen was du mir damit eine Freude gemacht hast. Danke!

    :thumbup::thumbup::thumbup::thumbup::thumbup:


    Natürlich möchte ich mich generell an das Forum bedanken. Ich konnte mir hier vieles anlesen und mir wurde auch immer sehr schnell geholfen. Schön das es so Leute gibt, die einem "Unwissenden" weiter helfen. Top.

    Ich wünsche allen Frohe Ostertage!

    Patrick

    Hallo Graf Foto,

    ja da hast du recht..;) aber soweit war ich auch noch nicht... Habe es nun geändert! :thumbup:

    Mario: Hast du auch einen Tipp wie man das mit den Videos lösen kann. Hier habe ich das Widget von Zeta benutz um es als Vollbild Hintergrundbild laufen zu lassen. Kannst du z.B. unter Partner > Polycom sehen. Wie man da aber schön sehen kann, scheint mir das Video breiter dargestellt zu sein als es der Monitor ( oder das Telefon ) zu lässt. Besonders beim Telefon ist das Video eigentlich gar nicht zu gebrauchen.

    Kann man da auch irgendwie etwas einstellen? :?:

    Gruß Patrick

    Hallo Patrick,

    Du kannst mal probieren, ob sich die Ansicht ändert, wenn Du in den Layouteinstellungen unter "Allgemein" die "Max. Breite" erhöhst.

    Hallo Hanabi, das hatte ich bereits probiert aber dann verschiebt sich komplett alles ( alle Bilder , Container u.s.w ). Daher ist das weniger die Lösung da ich nun fast alles erstmal fertig habe. Es geht ja auch nur um zwei drei Videos die ich gerne größer Darstellen würde.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden