Bild teilweise überschreiben

[fromgdr]

Hi,

ich bin neu hier und auch Neuling bei der ebook-Erstellung.
Bei meiner Hilfesuche zu einem Problem kam ich in dieses board, zur Antwort von K-Thom. Der Hinweis auf das Beispielbuch von zelda_pinwheel ist Gold wert
Das Umfließen von Bildern und einige andere Sachen hab ich jetzt hinbekommen
Leider hab ich noch Probleme mit nichtrechteckigen Bildern!
Mein Bild ist L-förmig. Das Beispielbild ist ein auf dem Kopf stehendes L.
Da meine html-Kenntnisse gegen Null tendieren versuchte ich es mit try-and-error. Ich hab alles (?) ausprobiert. Wenn der Textfluss die richtige Form hatte, war das Bild entweder zu klein (in der linken oberen Ecke des Bereichs). Oder das Bild war in der richtigen Größe, fing aber im unteren Teil des Bereichs an und reichte in den folgenden Textfluß.
Ich würde mich freuen, wenn mir jemand bei dem Problem helfen könnte, mit richtigen einträgen für die CSS (und html?).
schön wäre auch eine Erklärung der Befehle ( wie K-Thom in der oben genannten Antwort), damit ich weiß was ich machen.
Ach ja, ich hab auch ein (gespiegeltes) L-Bild am rechten Rand. Kann ich das vom Linken Bild ableiten oder ist da auch wieder etwas ganz anders?

Ich bedanke mich schon mal, und hoffe das richtige board für mein Problem gefunden zu haben.

Gruß, fromgdr

[mmat1]

Originally Posted by fromgdr

Hi,
Ach ja, ich hab auch ein (gespiegeltes) L-Bild am rechten Rand. Kann ich das vom Linken Bild ableiten oder ist da auch wieder etwas ganz anders?
Gruß, fromgdr

Du hast dir da eine der größten Herausforderungen beim EPub-machen herausgesucht, die ich kenne.

Ich würde solche Dinge aus Gründen der allgemeinen Kompatibilität weitestgehend vermeiden. Das Ganze basiert nämlich auf einer bestimmten Behandlung des CSS-Attributs visibility (die sich auch mal ändern kann und u.u. nicht bei allen Readern gleich ist).

Ein Muster einer recht gelungenen Umsetzung findest du hier: Robert Kraft, Detektiv Nobody Band 1.

Eine detaillierte Beschreibung, warum das so funktioniert möchte ich jetzt aber nicht schreiben, das ist mir zu aufwändig, sorry. Guck dirs mal an, kurze Fragen werd ich beantworten.

vg, MM

[fromgdr]

Vielen Dank für die Antwort.

Ich hatte nun etwas Zeit und mir das Empfohlene vorgenommen.

Deine CSS-Anweisungen sind noch viel komplexer als bei zelda_pinwheel

Spoiler:

Beispiel eines Bildes bei ihm (ich hoffe, das sind die relevanten Aweisungen)
im Text:
<div class="leftpic" id="ocean"><img alt="" src="../Images/pg040.gif" /></div>

<div class="leftpic"></div>

in der CSS:
/*NON-RECTANGULAR IMG, LEFT FLOAT*/

div.leftpic {
float: left;
clear: left;
text-align: left;
margin: 0 0.5em 0.5em 0;
}
div.leftpic img {
width: 100%;
display:block;
}

div#ocean {
width: 206px;
height: 109px;
}

div#ocean + div.leftpic {
width:143px;
height: 282px;
margin-top: -0.5em;
}

Ich habe viele der Befehle nachgeschlagen ... und auch einiges gelernt ... aber mein Text fließt leider noch nicht.

Ich melde mich bei dir noch einmal per PM. Vielleicht kriegen wir das Problem doch noch in den Griff.

Vielen Dank!

[mmat1]

Originally Posted by fromgdr

Ich melde mich bei dir noch einmal per PM. Vielleicht kriegen wir das Problem doch noch in den Griff.

ich hab hier mal was gebastelt, wie man das L umschiffen kann:

[mmat1]

Das vorige Beispiel war mit statischer Bildgröße.

Hier nochmal ein Baspiel mit L in voller Breite:

(Kompatibilitätsprüfung und Rückmeldung erwünscht )

[fromgdr]

Originally Posted by mmat1

Das vorige Beispiel war mit statischer Bildgröße.

Hier nochmal ein Baspiel mit L in voller Breite:

(Kompatibilitätsprüfung und Rückmeldung erwünscht )

Vielen Dank, daß du dir den schönen Sonntagnachmittag um die Ohren geschlagen hast, um mir zu helfen - und nicht wie ich, über'n Trödel geschlendert bist.

Ich werde mir so schnell wie möglich die Beispiel vornehmen, und geb dir Bescheid über den Stand der Dinge.

[fromgdr]

Originally Posted by mmat1

(Kompatibilitätsprüfung und Rückmeldung erwünscht )

Danke mmat1,
das Beispiel war gut nachvollziehbar und brachte (mit den nötigen Ändereungen für die verschiedenen Bildern) den erwünschten Effekt - für links und rechts. Sah in Sigil und Calibre sehr gut aus.

Aber leider nur da ...
Nach der Umwandlung in mobi, für mein Kindle, sah das dann nicht mehr so gut aus
Das mobi vom kindlepreviewer war aber noch etwas besser als das, welches calibre zauberte. Die eingebttete Schrift für das Initial wurde nicht genutzt und reichte nicht über 3 Zeilen sondern stand auf der ersten und war nur größer ... aber das hat uns hier jetzt nicht zu interessieren.
Das zu umfließende Bild wurde normal dargestellt, der Text umloß die (unsichtbaren) Platzhalterbilder, die unter dem eigentlichen Bild dargestellt wurden.
Ich hab das epub dann mal auf meinem Android-Tablett mit Mantano Reader angesehen (auch hier Probleme mit dem Initial) und dort werden die bewußten Bilder gar nicht dargestellt. Dort ist größerer Leerbereich.
Beim Moon+Reader (gefällt mir nicht - leerzeile nach absatz, seitenhintergrund ist grau und dadurch wirken die weißhintergründigen Bilder aufgesetzt) werden die bilder untereinander dargestellt. Bild - platzhalter oben - platzhalter unten. Kein Umfließen!
Heißt das, daß man die Bücher für die verschiedenen Lesegeräte unterschiedlich erstellen muß?

Deshalb hab ich dein nobody 01 auch mit dem kindlepreviewer umgewandelt - Ergebnis: ok. Ebenso beim Mantano-Reader.

Das selbe hab ich mit zelda_pinwheel's three men in a boat gemacht. Sieht in beiden sehr gut aus!

Also geht es doch für verschiedene Geräte!?

Nun ist die Frage: Lohnt der Aufwand für die 6 Bilder? Mich wurmt nur, daß ich schon so viel zeit in dieses Problem gesteckt habe und es nicht klappen will.
Kann sich mal jemand die Problemlösung bei zelda's 3 bootmänner ansehen?
Leider ist mein english to bad um dort nachzufragen. Zu beachten ist. Meine "L"-Bilder sind nicht gestürzt. Der Text sollte im oberen Bereich stehen.

und schon mal

[Doitsu]

Originally Posted by fromgdr

Das mobi vom kindlepreviewer war aber noch etwas besser als das, welches calibre zauberte.

Kindle Previewer erstellt eine Hybrid-Datei, die sowohl als alte Mobi7-Format (.prc) und das neue KF8-Format (.azw3) enthält. Du solltest deshalb bei der Konvertierung von ePub-Dateien mit Calibre immer AZW3 als Zielformat auswählen, weil bei MOBI nur das alte Format erstellt wird. AZW3 unterstützt übrigens auch einige CSS3-Elemente.

Originally Posted by fromgdr

Die eingebettete Schrift für das Initial wurde nicht genutzt und reichte nicht über 3 Zeilen sondern stand auf der ersten und war nur größer ... aber das hat uns hier jetzt nicht zu interessieren.

CSS für Dropcaps funktionieren selbst bei AZW3-Konvertierung meist nicht ohne Anpassung. Amazon hat in den Kindle Publishing Guidelines ein CSS für Dropcaps vorgeschlagen, dass meist ohne größere Anpassungen funktioniert.

Originally Posted by fromgdr

Heißt das, daß man die Bücher für die verschiedenen Lesegeräte unterschiedlich erstellen muß?

Es ist nahezu unmöglich eine aufwendig formatierte ePub-Datei zu erstellen, die von allen Leseprogrammen korrekt angezeigt wird. Der De-facto-Standard ist ADE, weil die meisten ePub-Leser wegen der ADEPT-DRM-Implementierung die mobile Variante von ADE oder (den ADE-basierten) Bluefire Reader bzw. darauf basierte White Label Apps vorinstalliert haben.

[fromgdr]

Originally Posted by Doitsu

... Du solltest deshalb bei der Konvertierung von ePub-Dateien mit Calibre immer AZW3 als Zielformat auswählen, ...

, da hab ich noch garnicht runter gescrollt.
Da stand mobi und mobi war für mich - kindle!
Beim automatischen Speichern auf den kindle macht calibre auch nur mobi - kann man das irgendwo ändern?
Aber auch das AZW3 zeigt den Textfuß unter dem eigentlichen Bild, neben den unsichtbaren Platzhaltern

Werden hier links nicht hervorgehoben? Den zu deinem Beitrag (der sicher interessant ist, aber leider die falsche Sprache beinhaltet - oder sprech ich nur die falsche ) hätt ich beinahe übersehen.
Mal sehen wie viel ich verstehe wenn ich den babelfish ins Ohr stecke

Auf jedenfall erstmal ein dickes Danke

Ich merk schon, ich muss noch lernen, lernen und nochmals lernen.

[Doitsu]

Originally Posted by fromgdr

, da hab ich noch garnicht runter gescrollt.
Da stand mobi und mobi war für mich - kindle!

Das war auch ziemlich lange die Standarderweiterung, und dass Kindle Previewer auch die Dateierweiterung MOBI verwendet, obwohl die Datei zwei unterschiedliche Formate enthält, macht die ganze Sache auch nicht gerade einfacher.

Originally Posted by fromgdr

Beim automatischen Speichern auf den kindle macht calibre auch nur mobi - kann man das irgendwo ändern?

Versuch's mal mit: Einstellungen > Verhalten > Bevorzugtes Ausgabeformat: AZW3.
Sicherheitshalber solltest Du auch noch die folgende Einstellung ändern: Einstellungen > Ausgabeoptionen > MOBI Dateiformat: neu.

Originally Posted by fromgdr

Aber auch das AZW3 zeigt den Textfuß unter dem eigentlichen Bild, neben den unsichtbaren Platzhaltern

Häng' mal eine ePub-Musterdatei an, die nur die problematische Seite enthält. Vielleicht habe ich ja eine Idee. Falls nicht, werde ich das im englischen Kindle-Forum anfragen. Einer von den Experten hat sicher eine Idee.

Originally Posted by fromgdr

Werden hier links nicht hervorgehoben?

Bei mir werden sie blau unterstrichen angezeigt. Wenn Du Dir das Thema auf Deinem PW ansiehst, kann man das vielleicht nicht so gut erkennen.

[mmat1]

Originally Posted by fromgdr

Danke mmat1,
das Beispiel war gut nachvollziehbar und brachte (mit den nötigen Ändereungen für die verschiedenen Bildern) den erwünschten Effekt - für links und rechts. Sah in Sigil und Calibre sehr gut aus.

Aber leider nur da ...

Das hab ich befürchtet, was jetzt kommt ist viel Fummellei und Finetuning. Diesen Weg (Das L aufrecht stehend) ist meines Wissens noch niemand gegangen. Ich würd erstmal versuchen, ein Epub-Format hinzuzaubern, das auch in ADE bzw. Blue Fire funktioniert.

Danach die Konvertierung nach Kindel, hier hat ja Doitsu schon ein paar gute Tipps gegeben.

Ob sich das lohnt? Für jemand der Spass am tüfteln hat und mal was aussergewöhnliches präsentieren will, auf jeden Fall (der Weg ist das Ziel ). Aber diese Frage kannst eigentlich nur du beantworten...

[fromgdr]

Originally Posted by Doitsu

...
Häng' mal eine ePub-Musterdatei an, die nur die problematische Seite enthält. Vielleicht habe ich ja eine Idee. Falls nicht, werde ich das im englischen Kindle-Forum anfragen. Einer von den Experten hat sicher eine Idee.
...

die Musterdatei ist im Prinzip das lorem-w100.epub von mmat1 im post #5.
Als epub in sigil und calibre wirds richtig angezeigt. Als kindle gibt es dann Probleme.
Danke für die Einstellungstipps bei calibre, die sind dermaßen komplex ...

Originally Posted by mmat1

Ich würd erstmal versuchen, ein Epub-Format hinzuzaubern, das auch in ADE bzw. Blue Fire funktioniert.

ADE, Blue Fire was ist denn das?!
Ich bin zufrieden, daß ich weiß was mobi, epub und css ist. Eigentlich wollt' ich nur mal ein Buch digitalisieren, ich hätte das daneben neben nehmen sollen - mit 4eckigen Bildern

Das Tüfteln macht schon Spass, aber man sollte schon wissen was man macht und das ist leider nicht wirklich der Fall. Aber vielleicht wird es mit eurer Hilfe doch noch.

[Doitsu]

Originally Posted by fromgdr

die Musterdatei ist im Prinzip das lorem-w100.epub von mmat1 im post #5.

Leider funktioniert die weder in ADE noch in Kindle Previewer. Es wäre deshalb besser, wenn Du Deine eigene Datei mal anhängst. (Du kannst den Text durch Lorem Ipsum... ersetzen und das Bild vollständig schwarz einfärben, falls Du nicht sagen möchtest, woran Du arbeitest.)

Das von Dir bereits gefundene Buch "Three Men in a Boat" wird dagegen korrekt in Sigil, ADE und Kindle Previewer angezeigt und enthält in boat006_ch03.xhtml ein funktionierendes Beispiel für ein auf dem Kopf stehendes L mit Text daneben (pg040.gif).
Wenn der für diese Grafik verwendete Style bei Deinem Buch nicht funktioniert, könnte das u.a. an der Formatierung des umgebenden Texts liegen, das kann man aber ohne weitere Informationen über Dein Buch und die übrigen verwendeten Styles nicht festellen ...

[mmat1]

Originally Posted by fromgdr

...
ADE, Blue Fire was ist denn das?!
Ich bin zufrieden, daß ich weiß was mobi, epub und css ist. Eigentlich wollt' ich nur mal ein Buch digitalisieren, ich hätte das daneben neben nehmen sollen - mit 4eckigen Bildern

Das Tüfteln macht schon Spass, aber man sollte schon wissen was man macht und das ist leider nicht wirklich der Fall. Aber vielleicht wird es mit eurer Hilfe doch noch.

ADE: Adobe Digital Editions, Software zum lesen von ePubs auf PC. (Kost nix)
Blue-Fire: Lesesoftware für Tablets, z. B. basiert die kostenlose Libri-App auf diesem.
Beide halten sich relativ eng an den Standard, was damit funktioniert, funktioniert wahrscheinlich auch auf vielen anderen Lesegeräten.

Das Tüfteln macht schon Spass, aber man sollte schon wissen was man macht und das ist leider nicht wirklich der Fall. Aber vielleicht wird es mit eurer Hilfe doch noch.

Ich sachte ja bereits zu Anfang, das du dir da eine echte Herausforderung rausgesucht hast

[fromgdr]

Originally Posted by Doitsu

... Es wäre deshalb besser, wenn Du Deine eigene Datei mal anhängst...

Ich hab mal ein Kapitel, als Beispiel, rausgenommen und hier angehängt (bei mir funktioniert es im Previewer).
Ich versteh gar nicht warum mein L so exotisch sein soll. 2 andere Bücher die eventuell gepubst werden sollen enthalten auch solche Bilder. Auf Kopf stehende habe ich noch nicht gefunden.

Das ADE hab ich sogar auf meinem DesktopPC als Leseprogramm installiert, aber epubsing mach ich auf dem Laptop im Wohnzimmer beim fernsehen.

Ich drück die Daumen, daß ihr eine Lösung findet - ansonsten landen die Bilder so im Buch.