Foren
Neue Beiträge
Foren durchsuchen
Was ist neu?
Neue Beiträge
Profilnachrichten
Online
Anmelden
Registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Neue Beiträge
Foren durchsuchen
Menü
Anmelden
Registrieren
App installieren
Installieren
Programmierung
HTML
Auf welche Größe ein Bild skalieren für NULL 'render'-Zeit des Browsers?
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Auf Thema antworten
Beitrag
[QUOTE="UliHF, post: 14245, member: 4817"] Hallo zusammen, stecke wieder einmal so richtig fest und hoffe auf eure Hilfe... Bei figure und img kommme ich mit der Größenfestlegung absolut nicht klar. Aktueller Code: [CODE] <figure style=" display: block; <!-- Element soll eine eigene Zeile im Elternelement einnehmen --> margin: auto; <!-- Element soll horizontal zentriert sein im elternelement --> width: fit-content; <!-- das Bild soll die Fiigure ausfüllen, weder überstand noch kleiner --> " > <img width="350" <!-- beide Werte zusammen ergeben das Seitenverhältnis --> height="350" <!-- weiter ergibt sich eine Vorgabe der CSS-Größe für die Darstellung. Hier gibt's sicherlich responsive Probleme. die Einheiten werden auf relativ geändert, sobald das zuvverlässig funktioniert --> ... ... > ... ... <figcaption style="text-wrap: wrap;" > Etwas Text, genügend, um ein wrap auszulösen. Die Textlänge (das erforderliche wrappen) hier könnte eine Rolle spielen bei dem geschilderrten Problem. <figcaption> </figure> [/CODE] Um Breite und Höhe der Elemente figure (ohne Höhe des caption-Textes) und img jeweils [B]identisch[/B] zu machen und um zu erreichen, dass der Browser Breite und Höhe kennt, um den dafür benötigten Platz im Display bereits beim Bildaufbau reservieren zu können, habe ich dies wie oben versucht. Das figure hält sich jedoch partout nicht an width: fit-content, sondern zeigt sich sowohl in einer größeren Breite als das img und ist auch nicht zentriert im Elternelement... (soeben auch noch mit text-wrap versucht - dasselbe negative Ergebnis) Grüße Uli [/QUOTE]
Zitate
Authentifizierung
Antworten
Programmierung
HTML
Auf welche Größe ein Bild skalieren für NULL 'render'-Zeit des Browsers?
Oben
Unten