Thread: Stacked boxes
View Single Post
Old 11-12-2021, 08:40 PM   #5
RbnJrg
Wizard
RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.
 
Posts: 1,830
Karma: 8700631
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by Karellen View Post
Hello @RbnJrg

Good call, I am using epub v2

Yes, that is much simpler. It took me a few minutes to pull it apart to see how it works, but I still don't understand the <h1 class="👻">.
Classes whose names are emojis, they are not detected by ADE 2. So the margin-bottom for <h1> is not taken by ADE but webkit it is. ADE doesn't need that margin but webkit does. For that reason I employed that class.

Quote:
Why is it a h1 and not a <p> (as the auto TOC generator will capture the <h1>)?
You can exclude the <h1> tags for the TOC generator, that is not an issue. But if you feel that are more comfortable with a <p> tag instead of <h1>, no problem, is ok, use <p>.

By the way, your solution uses the property "margin: auto" and that is not supported by ADE for epub2 (is ok for webkit) and —still today— there are many ereaders based on Legacy ADE (RMSDK).

Quote:
Thank you for the solution!!
No problem!
RbnJrg is online now   Reply With Quote