Codeless Joe Jackson - Header to the Right, right? :D

[Blaineoreski]

Hi,

Try as I may, I can't get my header Epub to PDF to sit at the right of the page. Using this code:

<header style="text-align: right; color: gray; font-size: x-small">
<div>_SECTION_</div>
</header>

Always appears at the left. Admittedly, I know next to NOTHING about code. But, from Googling I thought I had it there with the code above. Nope! Always at the left.

What do you think is happening?

Sincerely,

Blaine

[kovidgoyal]

Read https://manual.calibre-ebook.com/con...rs-and-footers it has examples of this and many other things.

[Blaineoreski]

Hi Dr. K!

Ah! You're right - for sure. And! I checked there first.

Thing is, among the examples it seems in the Headers & Footers section there is:

style="justify-content: flex-end"
style="justify-content: space-between;

I didn't see any values for setting the text to the right?

While I'm FAIRLY good at working with books and writing on history, ancient history and current events, I am not educated in coding.

I have tried my best to do self-teaching, as much as I can. However, as far as my own experience seems to demonstrate, it's not my forte. After checking the manual, running the conversion several times and getting the same result, I thought I'd ask for help.

The code I've posted there is actually FROM the manual!

I just tried to slide in a "declaration" for the text alignment.

Can't seem to be able to catch what I'm doing wrong. I tried a few different approaches, but each time - it stays at the left.

I've got a humdinger of a book I need to plow through - frommmmmm...1646! Who hoo! It's sort of a treatise combining Latin, Greek and English weighing in at 3,315 pages once resized to keep a fellow from going bats trying to read it - Shout out to @Sirtel for the good help on that - who KNEW there was an Editor, too! Great STUFF, Kovid!

Fortunately I only need to focus on about 600 pages of this text - but...it's got over 30 chapters - having those headers in the right place would make a BIG difference.

I have an idea. Tell me what you think. Let's use a STRAIGHT copy-pasta from the documentation:

<header style="justify-content: flex-end">
<div class="even-page">_AUTHOR_</div>
<div class="odd-page"><i>_TITLE_</i></div>
</header>

If I wanted to take that down to be only:

<header style="justify-content: flex-end">
<div>_SECTION_</div>
</header>

Please could you tell me what code I need to change to get the text to sit at the top right?

How does that sound?

Sincerely,

Blaine

[Sirtel]

We need to see the actual header code in the epub. You can get that from the editor.

[kovidgoyal]

flex-end is right. Quoting the manual "Setting justify-content to flex-end will cause the text to be right aligned."

[Blaineoreski]

Hi Kovid,

Oh! I see - we're supposed to READ the manual, too!

AND! It WORKS! Of COURSE!!!

Not sure if it was the prospect of having to wade into that huge file, or just the sure anxiety I feel every time I face code - can't figure out how I missed the explanation. Or, maybe I just got too blitzed by the ambiguity of the term:

flex-end

Either way! I'm in BUSINESS now! I'll tell you, Dr. K - you should SEE how much EASIER this doggone file is now to read, that I've got it all set with a cool modern font, W I D E line height and NICE shiny headers. Can't really thank you ENOUGH for how Calibre helps. It is nothing short of magic - lightning in a bottle! Thank you, Kovid!

And! Super shout out again to Sirtel!

Sincerely,

Blaine

[kovidgoyal]

Its often difficult to pick out the right nugget of information from a wall of text in an area you are unfamiliar with. Technically, flex-end can be either left or right. For left-to-right languages it is right.

[Blaineoreski]

Spot ON right here, Dr. K!

"Its often difficult to pick out the right nugget of information from a wall of text in an area you are unfamiliar with."

Bless you, mate.

Ah! Here's a bit of an interesting wrinkle. Tell me what you think. I'd done a GOOD several number of conversions of the file in question trying to get it to use one specific font, but it kept defaulting back to Arial.

I even switched to a super HUGE gaudy font - https://www.google.com/search?q=bauhaus+93&tbm=isch, and it WORKED!

Looking more closely at my fonts I noticed the one I was shooting for was an

OpenType CCF

font? BUT! THe ones that worked were all just

OpenType TT

Replacing that font with an

OpenType TT

identical font did get the file to use that font.

Is that going to hold for all conversions - fonts MUST be any specific type / always Open TT?

Sincerely,

Blaine

[kovidgoyal]

no idea what a ccf font is. calibre supports ttf and otf and woff.

[nabsltd]

Originally Posted by kovidgoyal

no idea what a ccf font is. calibre supports ttf and otf and woff.

CCF is a typo.

It should be CFF (Compact Font Format).

[kovidgoyal]

CFF tables (not fonts) work fine as far as I know.

[Blaineoreski]

Hi, ALL!

Ah! @nabsltd - so TRUE!, a wee typo there, correct: I meant to write CFF (Living up to my name Codeless Joe Jackson, eh? )

@kovidgoyal - Ah! Got it.

T H A N K S ! ! !