Fotos und Text auf Browserbreite erstellen
Author: H. Otto
Visited 414,
Followers 1,
Shared 0
Ich erstelle für jemanden eine Webseite mit mehreren Seiten. Auf allen Seiten soll ein Foto und der darunter liegende Text über die komplette Browserbreite gehen (erweitert).
Obwohl ich immer das gleiche Foto (gleiche Auflösung und Größe) verwende wird das in der Vorschau verschieden angezeigt. Auf einigen Seiten korrekt, das heißt das Foto und der Text gehen über das gesamte Browserfenster. Auf einigen Seiten ist das Foto allerdings nur in der Mitte des Brwoserfensters zu sehen, der Text aber über die komplette Breite.
Auf weiteren Seiten sind sowohl das Foto, als auch der Text nur mittig.
Ich finde leider keine Erklärung/Lösung dafür. Kann hier jemand helfen?
Posted on the
Dann hast du andere Einstellungen genommen auf den anderen SEiten! Hast du kontrolliert, ob auch die Objekte auf "Erweitern" gestellt sind? ISt das Bild auch so langgezogen, damit es auch über die ganze Breite geht? Ein hochstehendes Bild wird nicht auf die ganze Seite gebracht werden können.
Author
Genau das ist das Problem. Das gleiche Foto auf allen Seiten an der gleichen Stelle (unter dem Logo). Sowohl das Foto, als auch der Text darunter sind "Erweitert" - wird auch so in der Anischt "Erstellen der Seiten" angezeigt. Klicke ich dann aber auf "Vorschau" wird es falsch dargestellt - eben mittig im Browserfenster mit einer zu kleinen Breite.
(It > De) ... Um dies zu überprüfen, müssen Sie den Link zu einem Beispiel online veröffentlichen...
...für beste Ergebnisse verwenden Sie jedoch das Content Slider-Objekt:
> https://help.websitex5.com/de/v2023.3/pro/index.html?ogg_contentslider.htm
.
ciao
.
Author
Ich denke ich habe das Problem lösen können, wobei ich nicht weiß ob das jetzt mein Fehler war oder ein Fehler der Software ist: Ich hatte das Foto mit WS5 bearbeitet und mit einem Rahmen versehen. Dieses Foto (mit Rahmen) hatte ich auf meiner Festplatte abgespeichert und dann in die jeweiligen Seiten eingefügt. Bei einigen funktionierte das, bei anderen Seiten eben nicht. Warum dann auch der Text teilweise nur mittig dargestellt wurde ist mir ein Rätsel. Beim Einfügen des Originalfotos funktioniert das mit der Browserbreite einwandfrei, auch mit dem Text. Ich bin jetzt nur einmal gespannt, wenn ich das Foto auf jeder Seite mit einem Rahmen versehe, ob das dann auch so bleibt.
Am besten wäre es das komplette OBjekt zu kopieren und auf den anderen Seiten einzufügen und dann auf erweitern zu schalten.
Wenn das gleiche Bild auf allen Seiten sein, soll, würde ich es im Header einbauen.
Author
Erst einmal vielen Dank für die Antwort, die mich allerdings zur nächsten Frage bringt:
Wie schaffe ich es denn den Header dazu zu bringen „automatisch“ das Browserfenster zu füllen, insbesondere in der Desktopansicht? Ich kann zwar im Reiter „Struktur des Templates“ unter dem Punkt „Header“ einstellen, dass er über das Browserfenster gehen soll, das scheint aber durch meine Einstellungen im „Responsive Design“ begrenzt zu sein. Hier habe ich 1400 px als Breite für die Desktopansicht definiert. In manchen Notebooks reicht das aus – in anderen, die ein breiteres Display haben, eben nicht. Da bleibt ein Rand.
Besser wäre doch hier ein Punkt „100 %“ oder „erweitert“ wie in den Seiteneinstellungen. Da funktioniert es doch auch, dass Fotos auf unterschiedlichen Desktop-Endgeräten fensterfüllend angezeigt werden.
.. wenn Sie die Methode meines Vorschlags verwenden, würde es durch das Hinzufügen meines exklusiven EXTRA-Codes sehr einfach werden, ... aber natürlich ohne den LINK, nach dem ich gefragt habe, und alles ist zufällig ...
... in der Zwischenzeit zeige ich Ihnen ein Beispiel von Giancarlo im „Responsive-Ratio“-Modus, und wenn Sie wissen, wie man etwas macht, können Sie es auch selbst tun:
> https://toolsshop.altervista.org/content-slider/responsive.html
.
Dazu gibt es den "Headerhintergrund" der auf die ganze Breite das Foto einfügt. Der Header geht nur bis zur Contentbreite und nicht Monitorbreite.