1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

Seitenverhältnis von Bild beibehalten

Dieses Thema im Forum "HTML & XHTML" wurde erstellt von Mr. Brooks, 9. September 2017.

  1. Mr. Brooks

    Mr. Brooks Grünschnabel

    Hallo,

    ich erstelle mir gerade eBooks im ePub-Format, das ähnlich wie HTML formatiert wird. Ein wenig Erfahrungen mit HTML und CSS habe ich, für ePubs reicht es aus. Wenn Bilder eingefügt werden (ich teste derzeit Omnipage um gescannter Bücher zu konvertieren) , werden die häufig stark in die Breite gezogen wenn man das eBook auf voller Seitenbreite öffnet. Wie kann ich einstellen, dass das Seitenverhältnis beim skalieren immer gleich bleibt?

    Ich dachte erst es geht so https://wiki.selfhtml.org/wiki/HTML/Multimedia_und_Grafiken/Grafiken#responsives_Design_.28RWD.29, Ergebnis war aber wieder das gleiche wie vorher.
     
  2. Sempervivum

    Sempervivum Erfahrenes Mitglied

    Mit HTML und CSS ist es einfach, aber ich weiß nicht, ob es auf das ePub-Format übertragbar ist. Man stellt das Bild in einen Container und weist ihm max-width zu. Dann passt sich das Bild an den Container an und das Seitenverhältnis bleibt erhalten. Außerdem wird das Bild nicht vergrößert, weil das zu Qualitätsverlust führen würde.
    https://jsfiddle.net/683wxhzd/
     
    sheel gefällt das.
  3. Mr. Brooks

    Mr. Brooks Grünschnabel

    Das funktioniert so leider nicht. Ein div-Element ist schon gesetzt um das Bild zu zentrieren. Wenn ich da mx-width einfüge mit 100% (oder weniger) wird dennoch das Seitenverhältnis verschoben, da das eBook ja sonst aus Text besteht und der Text einfach so breit dargestellt wird wie das Display breit ist. Entsprechend sind das dann die 100% und das Verhalten ist genau wie vorher. Man müsste irgendwie einstellen können, dass das Seitenverhältnis des Bildes immer erhalten bleibt.
     
Die Seite wird geladen...
Ähnliche Themen - Seitenverhältnis Bild beibehalten
  1. derFelix98
    Antworten:
    3
    Aufrufe:
    439
  2. manuthedanu
    Antworten:
    9
    Aufrufe:
    1.082
  3. RMS
    Antworten:
    2
    Aufrufe:
    1.090
  4. sengul
    Antworten:
    7
    Aufrufe:
    1.257
  5. sunflower84
    Antworten:
    10
    Aufrufe:
    822