Title page formatting question

[Amalthia]

Hi,

I'm working on the layout of the title page, not to be mistaken with the cover page. My title page has Title, author, press logo, and publication location.

On my Sony reader at the second smallest font all the elements of the title page fit on one page. However, when I move up a size the Press information is dropped to the second page.

I've seen some novels have turned their title pages into images to keep everything on one page, but I'm not sure that's the best way to fix this problem?

I'm currently using em for my font sizes in my css code. I wasn't sure if switching to % would keep everything on the same page even if the font sized is increased?

I'd like to explore adjusting my css settings before I give up and turn my Title page into an image in Photoshop.

I'd appreciate any and all help.
Thanks

[cybmole]

you cant control which default font size your readers will choose. My sony T3 has I think 8 settings. I use the default which is the 2nd smallest, but I could set any of the other sizes as my own default if I so chose, & that would over-ride what you put in your book.

most makes of e-reader have similar user options for font sizes

Maybe you should spilt your info into 2 pages and not fuss.

personally I hate seeing images that I cannot scale, within e-books

[Amalthia]

I'm also not a fan of title page images. There doesn't seem to be a way to scale and yet keep the information on one page, like you can with a website.

[cybmole]

Originally Posted by Amalthia

I'm also not a fan of title page images. There doesn't seem to be a way to scale and yet keep the information on one page, like you can with a website.

you've tested what happens when a website is viewed from a smartphone then ???

AFAIK there's nothing in HTML that will force information to stay on one page for all devices

[Amalthia]

Originally Posted by cybmole

you've tested what happens when a website is viewed from a smartphone then ???

AFAIK there's nothing in HTML that will force information to stay on one page for all devices

I figured if there was a way someone on Mobile Read would know.

Thanks for helping!

[cybmole]

you can try commands such as page-break before: avoid; / page-break after: avoid; in your CSS ( check the exact syntax for that - see below... most e-readers will honour that if they can but....
small screen+ big letters - something has to give !

http://www.w3schools.com/cssref/pr_print_pagebb.asp

[AlexBell]

Originally Posted by Amalthia

Hi,

I'm working on the layout of the title page, not to be mistaken with the cover page. My title page has Title, author, press logo, and publication location.

<snipped>

I'd appreciate any and all help.
Thanks

I vaguely remember that there was a discussion on the ebook formats>ePub forum a year to two ago about using percentages sizes for text on title pages. If your ebook is in ePub format could I suggest that you ask on that forum? There are some really expert designers there.

It seems to me to be more an ePub question than a calibre question.

[Amalthia]

Originally Posted by AlexBell

I vaguely remember that there was a discussion on the ebook formats>ePub forum a year to two ago about using percentages sizes for text on title pages. If your ebook is in ePub format could I suggest that you ask on that forum? There are some really expert designers there.

It seems to me to be more an ePub question than a calibre question.

I may have posted this question in the wrong area.

[mrmikel]

What's wrong with the whole thing being an image?

[Toxaris]

The titlepage with the percentages works fine, but not on all readers. It relies heavy on 'height: 100%' and that gives issues on some readers like the PRS-T1. On those readers you are not able to move beyond that point with the buttons or swiping. You have to enter the new page number manually.
Currently I just use an image in PNG (optimized) in an SVG wrapper to fill it out. Just like the cover.

[RbnJrg]

Originally Posted by Amalthia

Hi,

I'm working on the layout of the title page, not to be mistaken with the cover page. My title page has Title, author, press logo, and publication location.

On my Sony reader at the second smallest font all the elements of the title page fit on one page. However, when I move up a size the Press information is dropped to the second page.

I've seen some novels have turned their title pages into images to keep everything on one page, but I'm not sure that's the best way to fix this problem?

I'm currently using em for my font sizes in my css code. I wasn't sure if switching to % would keep everything on the same page even if the font sized is increased?

I'd like to explore adjusting my css settings before I give up and turn my Title page into an image in Photoshop.

I'd appreciate any and all help.
Thanks

Hi Amalthia;

You can do what you want by using a technique that so far, only works in iPad and Kindle (maybe now with ADE 3.0 also works in device based in ADE like Sony). Please, read the following post:

https://www.mobileread.com/forums/sho...43&postcount=4

Also, it would be interesting to read the following thread:

https://www.mobileread.com/forums/sho...d.php?t=223178

and the post:

https://www.mobileread.com/forums/sho...36&postcount=4

Of course, in order to work, the reader device needs to support the css properties:

display: table;
display: table-row;
display: table-cell;
vertical-align: middle; /* and botton and top */

As I told you before, so far those properties are supported by iPad and Kindle (the modern Kindle devices, those who supports the .kf8 format) but you can do the try if they also work in Sony.

Regards
Rubén

[Amalthia]

Originally Posted by RbnJrg

Hi Amalthia;

You can do what you want by using a technique that so far, only works in iPad and Kindle (maybe now with ADE 3.0 also works in device based in ADE like Sony). Please, read the following post:

https://www.mobileread.com/forums/sho...43&postcount=4

Also, it would be interesting to read the following thread:

https://www.mobileread.com/forums/sho...d.php?t=223178

and the post:

https://www.mobileread.com/forums/sho...36&postcount=4

Of course, in order to work, the reader device needs to support the css properties:

display: table;
display: table-row;
display: table-cell;
vertical-align: middle; /* and botton and top */

As I told you before, so far those properties are supported by iPad and Kindle (the modern Kindle devices, those who supports the .kf8 format) but you can do the try if they also work in Sony.

Regards
Rubén

Thanks for the links. I'll read through them. I'm currently testing on a Sony and I haven't converted the ebook to .mobi yet.

I'm not sure if it's necessarily a bad thing if the title page spills over at the largest font setting?

[RbnJrg]

Originally Posted by Amalthia

I'm not sure if it's necessarily a bad thing if the title page spills over at the largest font setting?

I'm afraid that with a font size of 7/8 (device font size) it's very difficult to maintain all the text in the same page. But in my Kindle, title pages with the settings of my post, work fine with a device font size from 1 to 6.

[mrmikel]

Originally Posted by Amalthia

I'm not sure if it's necessarily a bad thing if the title page spills over at the largest font setting?

It depends on what it is that spills over, since it could shove things on that page onto the next.

[LadyKate]

Originally Posted by Amalthia

Thanks for the links. I'll read through them. I'm currently testing on a Sony and I haven't converted the ebook to .mobi yet.

I'm not sure if it's necessarily a bad thing if the title page spills over at the largest font setting?

As long as the text is readable it is not a bad thing to me that the title page spills over when I up the font size. I would suggest setting it up using a moderate font size and let it "go where it may".

One of the things I like best about the epub format and most all of the other ebook formats other than pdf is that the reader has control over the font size and appearance (I exclude pdf in this as most pdf ebooks are poorly formatted and if the font size changes often you have line feed problems.)

When the reader has control over font size they can change the appearance of almost the entire book.