MobileRead Forums - View Single Post - iBooks Text background color that is limited to font height?

FunkeXMix · 12-13-2012, 01:37 PM

Hi all!

I am trying to achieve this effect (check attachment test page 1) while conforming to iBooks requirements.

Code:

HTML

<div class="tocboxcolor">

<h1 class="toc">Contents</h1>

</div>


CSS

.tocboxcolor 

{background-color: #000000; }

But this adds extra default padding inside the div for the colored background (as shown in test page 2).

Anybody know how to limit it so it is same or almost same as text height?

I have been spamming the board with questions lately but I do check if there are answers already, didn't find any regarding this.

Thank you all for the help once again!

12-13-2012, 01:37 PM	#1
FunkeXMix Enthusiast Posts: 48 Karma: 10 Join Date: Aug 2011 Device: Ipad	iBooks Text background color that is limited to font height? Hi all! I am trying to achieve this effect (check attachment test page 1) while conforming to iBooks requirements. Code: HTML <div class="tocboxcolor"> <h1 class="toc">Contents</h1> </div> CSS .tocboxcolor {background-color: #000000; } But this adds extra default padding inside the div for the colored background (as shown in test page 2). Anybody know how to limit it so it is same or almost same as text height? I have been spamming the board with questions lately but I do check if there are answers already, didn't find any regarding this. Thank you all for the help once again! Attached Thumbnails