Bild auf Introseite hängt zu tief 
Autor: Lothar R.
Besucht 524,
Followers 1,
Geteilt 0
auf https://lobi.de habe ich eine Introseite (Bild).
In der Vorschau wird das Bild korrekt angezeigt. Nach der Veröffentlichung ist das Bild in der Desktopansicht nicht mehr nach oben ausgerichtet sondern "hängt irgendwo unten rum" (Mobile-Ansicht ist okay).
Verkleinern des Bildes + div.Ausrichtung des Hintergrundes war bisher nicht zielführend.
Was muss ich tun, dass das Bild (Introseite) nach oben bündig angezeigt wird?
Gepostet am
... OK ... ... es ist regelmäßig ...
... drücken Sie Strg + F5 ... (Ctrl+F5) ...
.
Autor
? es ist nicht der Cache . . .
Wenn ich deine Seite mehrmals in die URL Zeile eingebe, dann kommt es richtig! Nur wenn ich es in einem frischen Browser einfüge kommt der Spalt!
Kann aber etwas mit dem FULL Height zutun haben den du auf der Seite eingestellt hast. Könnte sich auf die Introseite auswirken.
Autor
Du hast ganz toll um die Ecke gedacht. Vielen Dank dafür, Andreas.
Der Lösungsansatz schien mir plausibel . . . führt mich aber leider nicht zum Ziel.
danach die INTRO-Seite (index.php) wieder rein, lobi.de publiziert: unverändert
lobi.de ist jetzt also drin ohne FULL HEIGHT + mit INTRO und das Bild hängt immer noch zu tief.
Diesen Fehler (?) in WSX5 müsste man doch im html-Code irgendwie ausgleichen können. Meine Versuche mit <p>
<img src="Lothar Reutter wählt grün.jpg" align="top"
</p>
waren (bisher) aber leider nicht erfolgreich.
Vielleicht hast Du noch eien Tipp?
Probiere doch mal
<img style="margin-top: 0; padding-top: 0; border-top: 0;" src="Lothar Reutter wählt grün.jpg">
(It > De) ... und was habe ich dann in jeder Hinsicht gesehen, wie von meinem STEMPEL...?...
.
Autor
Hallo Franz-Josef,
vielen Dank für Deine Nachricht.
Ich habe den Code eingegeben unter 3 Sitemap / Spezialseiten / Introseite/ Eigenschaften / Erweitert als "Benuzterdefinierter Code" abwechselnd
und dann jeweils veröffentlicht + neu geladen . . . ohne Veränderung.
Bin ich den falschen Weg gegangen?
Hast Du mir vielleicht einen weiteren Lösungsvorschlag?
Ich dachte, wenn Du auf der Introseite als Typ html auswählst und dort den obigen Code eingibst.
Da das Bild im Ordner images liegt, musst Du folgendes eintragen:
<img style="margin-top: 0; padding-top: 0; border-top: 0;" src="images/Lothar-Reutter-waehlt-gruen.jpg">
Autor
Für die Introseite wird von WSX5 automatisch das php-Format gewählt (?). Ich habe keinen Weg gefunden, das auf HTML zu ändern. Der Code dürfte aber doch auch auf der ph-Seite funktionieren, oder?
Der Code muss doch
oder?
Introseite wird von WebsiteX5 im php-Format amgelegt, da hier Scripts ausgeführt werden müssen. Der Code muss an die Stelle, die oben auf dem Bild zu sehen ist. In der Introseite als Typ html-Code auswählen und im Feld den Code eingeben. Die Größe so ändern, dass das Bild passt und keine Rollbalken rechts und unten entstehen.
Autor
Faszinierend, Franz-Josef, der Weg geht in die richtige Richtung :-)
Autor
jetzt hab ich dich verstanden und experimentiere weiter.
Vielen Dank für deine Geduld, Franz-Josef
Autor
Hallo Franz-Josef . . . das sieht NICHT GUT aus.
Da sollte sich WSX5 etwas einfallen lassen.
Ich werde auf meine ursprüngliche Einstellung zurückgehen.
Dir danke ich sehr für deine Mühe.
Was sieht denn nicht gut aus? Ist das Bild zu groß? Da kannst Du ja an der Größe und Auflösung mit einem Bildbearbeitungsprogramm "drehen". Auch die Größe des Bildes in der Introseite kann man verändern, die Standardeinstellung der Introseite bringt eigentlich ein gutes Ergebnis. Nur passt Dein Bild nicht in den sichtbaren Bereich, der im Standardeinstellung vorgesehen ist. Es entstehen links und unten Rollbalken. Eine Verkleinerung des Bildes ist nicht möglich?
Autor
Was ich bei WSX5 schätze, ist die Anpassung (des Bildes) an die verschiedenen Bildschirmgrößen. So klappt es (eigentlich) ja auch jetzt & auf (m)einem Mobile kommt das Bild ja auch richtig gut + formatfüllend auf den Bildschirm. Bei der Verwendung des html-Codes ist die Bildgröße fix, oder? Das ist für mich kein Weg. Das Bild wäre (meines Erachtens) dann auf dem Desktop zu klein, aber auf dem Mobile zu groß.
Ist mein Eindruck richtig, Franz-Josef, dass die (automatische) Bildgrößenanpassung bei der Code-Eingabe nicht funktioniert? Dann kommt diese Lösung für mich nicht infrage. Falls ich mich da verrannt habe, stoß mich bitte nochmals an.
Vielen Dank & eine gute Nacht