Thread: CSS / dropcaps
View Single Post
Old 01-13-2012, 12:40 PM   #1
Oldpilot
Groupie
Oldpilot plays well with othersOldpilot plays well with othersOldpilot plays well with othersOldpilot plays well with othersOldpilot plays well with othersOldpilot plays well with othersOldpilot plays well with othersOldpilot plays well with othersOldpilot plays well with othersOldpilot plays well with othersOldpilot plays well with others
 
Posts: 184
Karma: 2572
Join Date: Aug 2010
Device: Kindle
CSS / dropcaps

Comment from an earlier thread:


Quote:
Originally Posted by theducks View Post
There is no reason a simple book should have more than 10 styles.
Body
cover style
titlepage style
Chapter title block style
First Paragraph (optional), dropcap (optional)
regular paragraphs (can be default body stle. so redundent
scene break style
fine-print style (copyright, raves)
Where can I go to see a sample CSS that would cover some or all of these items? For example, dropcaps. Here is a start of a chapter:

<p class="flush"><span class=dropcaps>I</span> began

And here is the CSS for dropcaps:

}
span.dropcaps {
float: left;
font-size: 3em;
margin-bottom: -0.3em;
margin-top: -0.3em;
}


Alas, both the e-ink Kindle (which supposedly doesn't support KF8 standard) and the Kindle Fire (which supposedly does) render the dropcap exactly the same. The large letter "I" appears on a line by itself, followed by the rest of that opening sentence, beginning with "began". I don't know whether this is a flaw in my CSS or in the KF8 instructions/standard.

(I was pleased to see that the "flush" CSS worked as expected.... Or could my result come from the combination of float: left and flush?)
Oldpilot is offline   Reply With Quote