![]() This was the CSS before eBookMaker began using. Max-width: 60em /* limit width to help spread out the sidenotes vertically */ Margin-right: auto /* center the body of the document */ Margin-left: auto /* setting left and right to "auto" lets the browser */ If we want the Sidenotes to be in the left margin, so that they will look like this in a Browser: In the HTML version, we have more options and more potential problems, and those are the reasons for the rest of this article. (See the Note at the end of the Inline example for further information about choosing a symbol.) When distinctive symbols are used, some ♦sidenotes♦ can be placed inline, like _italic_ text. Some examples are the vertical bar |, the tilde ~, and the Unicode diamond ♦. In the Plain Text version of an eBook, the solution to this is to uniquely-mark the sidenotes: keep the "" tag, just as we keep the "" tag between paragraphs or enclose each sidenote in a distinctive symbol that doesn't appear elsewhere in the text, just as we use _underscores_ and =equals signs= to indicate italics and boldface. That also will make it look similar to a very short sentence. In the Plain Text version of the final eBook, this kind of sidenote will be almost indistinguishable from an actual Section heading, except for being preceded by one blank line rather than two. If there are several sidenotes next to the same paragaph, and all of them are moved up to precede the paragraph, they still will summarize the content of the paragraph, but will not assist the reader in finding the actual material in the main text. However, if the paragraph is long and the sidenote refers to text towards the end of the paragraph, the sidenote will be less useful than the author intended. Often, this works well enough, and certainly is easy to do. The Post-Processor will move *'s up further, above the beginning of the paragraph on an earlier page. This is DP's de facto default: During the Rounds, Formatters will move sidenotes either just before the paragraphs that were next to them or, if there are no paragraph breaks above them, to the top of the page, preceded by an asterisk. Some ways to implement Sidenotes As Headings If you know you will be Post-Processing a book with running headers, and want their text to be included in what you receive from the Rounds, you will want to ask the Project Manager to include instructions for that in the Project Comments: by default, headers are removed as early as possible. (This image contains the tops of eight pages.): We can't create running headers in an eBook, but we can treat them as sidenotes. Some books summarize topics with running headers, which usually appear on the right-hand pages. This also looks nice, and it does not waste space: ![]() They may be "inset" within paragraphs, with the text wrapping around them. This looks nice, but wastes a lot of space that is in short supply on small "handheld" screens: NOTE: The first three images are from pages in real books the rest are from screenshots of how the accompanying CSS formatted some of the text shown in the first image. There aren't any left- or right-hand pages in eBooks, so we (normally) just put all of our sidenotes on the left side. In real books, sidenotes are positioned on the outside, so they'll be in the right-margin of right-hand pages. By contrast, Footnotes usually contain further information about the text that refers to them. Most of the time, they appear on the left or right side of the page, next to the main text. Sidenotes usually, but not always, summarize the text that is next to them. epub support to all of its current Kindle products. Also, as this is being written in May, 2022, Amazon has announced its intention to drop support for the. epub versions of our HTML books, may make parts of this information obsolete. NOTE: Future changes to eBookMaker, the utility we use to create. The 2022 update includes handheld CSS using. The reason for the article is that sidenotes in books prepared by ebookmaker for use on handheld / mobile devices often will display differently than they will in a Browser. The original article, written in 2012, is included towards the end, and is identified with that 2012 date. This article, updated in 2018 and again in 2022, discusses several solutions to implementing sidenotes during post-processing. 2 2012: More about "Inset" Sidenotes, where main text wraps around the Sidenotes.1.2.3.2 Solving a problem with Adobe Digital Editions.1.2.3 "Inset", with main text wrapping around them.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |