The px HAD been working.
(I agree it is not the BEST way to do things but it can/has/does does work for some things...but certainly not the first choice for size unit. Especially for font size. But this was not created by me. The book came from FeedBooks and I have just borrowed that same code for my personal uses. This is the first time it has not been working.)
This code was working on everything EXCEPT the Kobo.
Well I tried converting to EM, because everything is worth a try, it is good advice, and em is a better way for font size rendering....if it can be adapted to the application.
And thanks for the note about the default font. That is an annoying change too so I changed that in the code so it hopefully at least looks reasonably like I want it.
Now I have found a way that it mostly works...but it also create new (and more) issues. Looks find in Sigil and in Calibre but on the phone in Aldiko it messes up one way and on the Kobo it messes up a different way. So...at a loss.
So very frustrating readers just can't obey the standards and not mess things up.
Notjohn: I do not have a Nook so can't speak to it.
New code:
Code:
.chapterHeader {
height:4.2em;
border:1px solid #000;
display:block;
margin-bottom:1.5em;
background-color:#FFF;}
.chapterHeader .translation {
float:left;
font-weight: normal;
margin-top:1em;
margin-left: -.2em;
margin-bottom: 0em;
padding-right: 1.2em;
padding-left: .3em ;
padding-bottom: 0em;
padding-top: 0em;
font-size:2em;
font-family:"Times New Roman";
background-color:#FFF;}
.chapterHeader .count {
line-height: 100%;
font-style:normal;
font-weight: normal;
text-transform:uppercase;
font-size:6.5em;
margin-right:.2em;
margin-top:.75em;
margin-bottom: -.3em;
float:left;
padding:0em;
font-family:"Times New Roman";
background-color:#FFF;}
And photo of the results attached.
Kobo: Sized right but the "Chapter" is bumped up to high.
Aldiko: right scale between "Chapter" and the # but the header is much much to small considering the font size...seeing as the "Chapter" is suppose to be 2 em big but its half the size of the main body text....not sure whats up with that.