[RbnJrg]

Originally Posted by RyanMcSwain

I have what appears to be a very specific problem in creating my ePub. I've been wrestling with it all day, and I can't find a solution. I've managed to get them to float left as a drop cap, but the formatting gets wonky so I'd rather keep them raised.

I'm attempting to use images as raised drop caps followed by small caps, but no matter what I do I get a line break following the image. I was able to get it to work in my mobi, but I can't get it to work across ePub devices (I'm testing in on the iPhone). I've tried using different classes and a million other solutions, and I'm out of ideas.

Here's the relevant css:

.scrivener15 {
font-variant: small-caps
}
.dropfix {
float:none; 
width: 25%;
}

Here's a sample of the html:

<div class="dropfix"><img alt=" " src="../Images/o-drop-cap-quote.gif" width="100%" /></div>

  <p class="scrivener15">f course it’s going to hurt.”</p>

I created the file with Scrivener and I'm tweaking it in Sigil.

Any help would be very appreciated. I guess I can experiment with removing the small caps, but I'd like to keep them if possible. Thanks!

Read the following posts:

https://www.mobileread.com/forums/sho...8&postcount=20

https://www.mobileread.com/forums/sho...51&postcount=9

https://www.mobileread.com/forums/sho...28&postcount=9

Regards
Rubén