Quote:
Originally Posted by brewt
Not bad - how did you build it?
|
With this CSS:
Code:
span.first {
font-variant: small-caps;
margin-left: -0.5em;
}
span.drop {
font-size: 400%;
font-weight: bold;
line-height: 0.75;
float: left;
margin: 0 0.125em 0 0;
}
and this XHTML:
Code:
<p><span class="first"><span class="drop">I</span>n</span> the ancient city of London...</p>
Quote:
|
Attached is a picture of what it looks like in Calibre, Sony and DE. Not consistent. I can't get onto the Bride's 700 just yet.
|
The best is the left one... Calibre? The two others fail to align the top line, I think they interpret "line-height: 0.75" by moving down the drop cap, instead of up; I don't know what the specification says here, but all browsers seem to move things up. Also, they fail to tread the "oeb-page-header" property, they should remove "I - The Birth of the Prince and the Pauper" from the page flow at the very least.
Quote:
|
I can't get anything to open in opera without calling on DE.
|
Either do as I said on the post (unzip the .epub and index.zip files and open index.html) or use
this widget.