View Single Post
Old 08-08-2020, 10:43 AM   #7
degn
Member
degn began at the beginning.
 
degn's Avatar
 
Posts: 12
Karma: 10
Join Date: Jul 2018
Device: iBooks on iPad Pro
Thanks for the comments. And to clarify: I'm using drop caps (spanning two lines). The result looks good in iBooks:



but strange in Google Play Books (the L is displaced upwards):



Can I somehow fix the code so both readers give a nice result? Or do I need two separate epub-files, one for each reader?

Quote:
<p class="tekstdropcap"><span class="dropcap3"><span class="quotestart">”</span>L</span>orem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<span class="quoteend">“</span></p>
Quote:
.
tekstdropcap {
color: black;
font-size: 1em;
line-height: 1.2;
text-indent: 0;
margin: 0;
padding-left: 0;
}

.dropcap3 {
color: black;
float: left;
font-size: 2.55em;
line-height: 1;
margin-bottom: -0.273em;
margin-right: 0.05em;
margin-top: -0.01em;
}

.quotestart {
color: grey;
font-size: 0.6em;
vertical-align: -0.46em;
text-align: left;
}
.quoteend {
color: grey;
font-size: 1.4em;
line-height: 0.6;
vertical-align: -0.1em;
}
Attached Thumbnails
Click image for larger version

Name:	ibooks.png
Views:	185
Size:	70.8 KB
ID:	181194   Click image for larger version

Name:	play.jpeg
Views:	196
Size:	838.3 KB
ID:	181195  

Last edited by degn; 08-13-2020 at 05:45 PM. Reason: downsize images
degn is offline   Reply With Quote