Title page: Part above, part below?

chaot · 12-30-2016, 01:41 PM

Issue: Title page. Part of the title should appear above, other part below. How to do?

HTML

Code:

   <h1>Title</h1>

  </div>

  <p>Explanation</p>

  <div class="absolute">

    <p>Advice</p>

  </div>

CSS

Code:

div.absolute {
  position: absolute;
  bottom: 0;

Works fine in calibre file preview - but not in my e-reader.

theducks · 12-30-2016, 03:27 PM

See my reply to your other post.

Calibre does not emulate device limitations.

PeterT · 12-30-2016, 03:37 PM

Additionally I believe the use of position:absolute is discouraged in ePub2.

chaot · 01-03-2017, 06:11 AM

@theducks: I have realized that with this kind of questions I better go to a CSS, HTML or ePub forum.
Finally only one more example, which works in calibre file preview, but not in Tolino.

HTML

Quote:

<div class="top">
<h1>Title</h1>
<p>Subtitle</p>
</div>

<div class="bottomleft">
<p>Something</p>
</div>

There isn't CSS.

theducks · 01-03-2017, 09:57 AM

Quote:

Originally Posted by chaot

@theducks: I have realized that with this kind of questions I better go to a CSS, HTML or ePub forum.
Finally only one more example, which works in calibre file preview, but not in Tolino.

HTML

There isn't CSS.

without a CSS, all the class= are meaningless

you get the devices default for each tag type. These values are not a Standard to be the same across brands (or even within

their own)

BTW the CSS could be PART of the document in the Header blocks <style>

dwig · 01-03-2017, 10:34 AM

Quote:

Originally Posted by chaot

@theducks: I have realized that with this kind of questions I better go to a CSS, HTML or ePub forum. ...

BE very cautious of advice and examples found in general CSS and HTML forums that are not specifically addressing ePub techniques. EPub only supports a limited range of the styles (CSS) that are supported by the current HTML5 spec.

chaot · 01-04-2017, 03:29 AM

Quote:

Originally Posted by theducks

without a CSS, all the class= are meaningless

you get the devices default for each tag type. These values are not a Standard to be the same across brands (or even within

their own)

BTW the CSS could be PART of the document in the Header blocks <style>

Of course, what I meant was: there is no "additional" CSS like in post #1.

Spoiler:

Quote:

Originally Posted by dwig

BE very cautious of advice and examples found in general CSS and HTML forums that are not specifically addressing ePub techniques. EPub only supports a limited range of the styles (CSS) that are supported by the current HTML5 spec.

This is exactly what has crystallized in the last weeks. I can try the applicability of the CSS but only on one device: Tolino. (This is one of the best, maybe even the best, even if it is rather unknown).

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
replace a part of the title	Lauraq	Calibre	5	05-23-2015 11:45 AM
adding book : series is part of the whole title	Dragouf	Library Management	4	07-19-2013 12:52 AM
Mini Part Broken Screen - Is it possible to just use working part?	retsaw	Kobo Developer's Corner	4	12-15-2012 10:45 PM
ISBN look up, usually missing part of title	thibaulthalpern	Calibre	7	05-06-2009 01:57 AM

12-30-2016, 01:41 PM	#1
chaot Head of lunatic asylum Posts: 349 Karma: 77620 Join Date: Jun 2012 Location: UTC +1 Device: Tolino Vision 3HD	Title page: Part above, part below? Issue: Title page. Part of the title should appear above, other part below. How to do? HTML Code: <h1>Title</h1> </div> <p>Explanation</p> <div class="absolute"> <p>Advice</p> </div> CSS Code: div.absolute { position: absolute; bottom: 0; Works fine in calibre file preview - but not in my e-reader. Last edited by chaot; 01-03-2017 at 05:46 AM. Reason: remove HTML & CSS from code box

12-30-2016, 03:27 PM	#2
theducks Well trained by Cats Posts: 29,973 Karma: 56143930 Join Date: Aug 2009 Location: The Central Coast of California Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A	See my reply to your other post. Calibre does not emulate device limitations.

12-30-2016, 03:37 PM	#3
PeterT Grand Sorcerer Posts: 12,258 Karma: 74007256 Join Date: Nov 2007 Location: Toronto Device: Nexus 7, Clara, Touch, Tolino EPOS	Additionally I believe the use of position:absolute is discouraged in ePub2.

Advert

Advert