Tulajdonképpen ezt a témakört feszegeted: Igényes e-könyv készítése [link]

Egy mondatban nem lehet elmondani, de a keresővel nagyon sok okos megoldás található, mint a linken is, amit most betettem. Tulajdonképpen ez egy külön szakma, amit meg kell tanulni.

Spanyol nyelvű ebook-ra tudtok helyet ahol lehet ilywsmit találni?

Ebook (konkrétan epub) fájlban hogyan tudom megoldani azt, hogy egy kép és az alatta lévő egy (esetleg több) soros képaláírás azonos oldalon jelenjen meg?

Másképp fogalmazva, hogyan tudom a kép méretét úgy befolyásolni, hogy a fenti elvárás minden ablakméret esetén teljesüljön?

Sigil -t használok epub szerkesztésre, de ez szerintem mellékes.

Valaki tud nekem adni ebook forrást privatban? Keresnék 1-2 könyvet...Köszönöm előre is

Ezt ismered? [link]

Ma és holnap frissítés lesz a Drive-okon, ezért átmenetileg a könyvtárak elérhetetlenek lesznek. Feltételezem az érintettek tudják miről van szó.

Bár sok tipp nem jött az első kérdésemre sem, kitartó vagyok...

Az ún. Iniciálékkal kísérletezgetek épp.

Az ezen az oldalon látható alábbi megjelenések hogyan oldhatóak meg, HTML/CSS-ben? Sajnos épp ezt nem részletezik az oldalon...

A bal oldali és a középső érdekelne.

Sajnos épp ezt nem részletezik az oldalon...

Dehogynem részletezik, a részletek ott vannak a minta példákban.

Nyomd meg a példa ablakok bal felső sarkában látható SCSS gombot, és megjelenik a minta. Az alapján már variálhatod saját ízlésed szerint is.

Mint ahogy az is ott van, hogy ezt a CSS Initial Letter-t a Safari böngészőn kívül gyakorlatilag semmi más nem támogatja

"Please note that the following examples are only currently supported by Safari."

[ Szerkesztve ]

A Kindle-n nem próbáltam, sőt egyáltalán nem próbáltam ki, csak a hozzászólásra reagáltam.

Egyébként a cikk elején található trükknek nevezett módszer szerintem mindenhol működik. Bár ezt sem próbáltam ki, csak ránézésre tűnik működőnek.

/* Style that first letter! */
.first-letter {
font-size: 35px;
line-height: 70px;
}

<p><span class="first-letter">O</span>nce upon a time in a faraway land...<p>

[ Szerkesztve ]

Kipróbáltam, az működik, és olyan lesz mint a középső példa a képen. Igaz a 70-es értéket át kell írni kb. 20-ra, mert a következő sor úgy jóval lentebb kezdődik.

Az első nagybetűt a következő sorhoz képest lehet pozicionálni, vagyis a nagybetűt függőlegesen oda teszed, ahova akarod.

Nem igazán értem amit mondasz, igaz nem nagyon ástam bele magam a html-be, a css-be meg pláne, csak amit így amatőr alap szinten tudok.
De így néz ki line-height: 70px értékkel: [kép1], és ilyen 170-en: [kép2].
De gondolom ezt akartad mondani.

Nem erre gondoltam. Arról írtam, hogy a nagybetű talpa és a többi betű talpa egy magasságban van, és a következő sorban található betűk teteje és a nagybetűs sor talpa közötti távolság megfelel a normál sortávolságnak. Általában sorkizárt rendezést szoktam használni, de amiről most írok az jobban látszik balra rendezésnél, azért a bekezdést így formáztam meg.

Az első bekezdésben a nagybetű talpa megegyezik a többi betű talphelyzetével, és a következő sor távolsága normál.
A második bekezdésben a nagybetű eltolási értéke -0.1em. Ez azt eredményezte, hogy a nagybetű talpa a következő sorhoz képest lejjebb került, a többi betű maradt a helyén, a sortávolság nem változott..
A harmadik bekezdésben az érték -0.3em, az eredmény látható. Itt sem változik a sortávolság, de a nagybetű talpa már eléri a következő sor tetejét. Ez a beállítás nyilván nem igazán megfelelő, csak a példa kedvéért készítettem el.

Összefoglalva, adott sorhoz képest tudom emelni, vagy csökkenteni a nagybetű függőleges helyzetét úgy, hogy az eredeti sortávolság nem változik.
A bemutatott példában a sormagasság: line-height: 20px;

Megjegyzem a példa szöveget érdemes alaposan elolvasni, mert egy nagyon hasznos funkció megvalósíthatóságáról szól! Hogyan javíthatunk ki egy szkennelt, sok elválasztást tartalmazó szöveget. Ugyanis ha a szkennelt képen a sorvégeken elválasztott szavak találhatók, akkor egy OCR programmal feldolgozva rengeteg hibás szó jön létre. Ilyennel sajnos már én is találkoztam, és a javítása elég macerás, időigényes. Kivéve a példaszövegben írt funkció használatával, ahol egy gombnyomásra automatikusan megtörténik a hibák 99%-nak javítása.

[ Szerkesztve ]

Természetesen a font beállítást is lehet variálni.

Vagy a bekezdések között dupla soremeléssel.

Kinek mik az igényei.

[ Szerkesztve ]

Köszi, nagyon ügyes vagy!

A képként mutatott Sample forrását légyszíves megmutatni nekünk. Én szeretnék belőle tanulni...

Ami bonyolítja a helyzetet, ami könyvön most dolgozok, abban némelyik Fejezet elején nem csak a Sor/Bekezdés első betűje iniciálé, hanem néhol egy 4 karakteres dátum is... erre esetleg valami ötlet?

A HTML oldalhoz kapcsolt css fájlban nálam a példaszövegben a következő értékek vannak:

.first-letter1 {
  font-family: "Ravie";
  font-size: 35px;
  line-height: 20px;
  position: relative;
  bottom: 0;
}
.first-letter2 {
  font-family: "Ravie";
  font-size: 35px;
  line-height: 20px;
  position: relative;
  bottom: -0.1em;
}
.first-letter3 {
  font-family: "Ravie";
  font-size: 35px;
  line-height: 20px;
  position: relative;
  bottom: -0.2em;
}

A HTML fájlban pedig így lehet a karaktereket formázni:
<p class="calibre_1"><span class="first-letter1">E</span> lső bekezdés...</p>
<p class="calibre_1"><span class="first-letter2">M</span> ásodik...</p>
<p class="calibre_1"><span class="first-letter3">H</span> armadik...</p>

Nálad az lehet a probléma, hogy a négykarakteres dátumok előtt ugyan az a css hivatkozás található, mint a Sor/Bekezdés első betűjénél. Ezt könnyen ellenőrizheted.
A class="valami" értéket figyeld (a "valami" helyett nyilván valami más van).

Ha megtaláltad a dátumok előtti hivatkozás nevét, akkor azt cseréld ki a bekezdés elején található (pl. <p class="calibre"> vagy valami hasonló) hivatkozásra, és akkor a dátum ugyan úgy fog megjelenni, mint a bekezdésbeli többi karakter.

Ajánlott irodalom pl. [link]

[ Szerkesztve ]

Oké, most se 100%-ig értek mindent, de ez nem gond El akartam kérni a forráskódot, hogy értsem milyen érték em-jéről beszélsz, mivel ezt nem értettem 'eltolási értéke -0.1em', mivel én rem-et ismerek, de ezt már megtették és meg is kaptuk.

Én is nézelődtem kicsit, nincs kedvem most sokat írni, így egyszerűen beteszem a képet mire jutottam:

Sajnos egyenként kell kikísérletezni adott sormagassághoz melyek a jó értékek, de kiindulási alapnak szerintem már oké

Gondolom ezt váltaná ki egyszerűbbre az initial-letter.

[ Szerkesztve ]

Köszi, tökéletes, alakulgat szépen!

A dátumok előtt nincs semmi hivatkozás, én rakom/raknám a forrást össze. Full text a szöveg.

Most ez jelenik meg, ezzel a forrással:

<span class="first-letter">1939</span>

Ezt pedig ami az eredeti könyvben van (ez a cél):

Félreértettelek, azt hittem a szöveg közben jelenik meg a nagybetűs dátum.
Ha azt szeretnéd, hogy a dátumnak csak az első száma legyen nagy, akkor így csináld:
<span class="first-letter">1</span>939

A first-letter css formázás jelen esetben csak a <span class="first-letter"> és a </span> közé tett karakterekre vonatkozik.

[ Szerkesztve ]