ePub->pdf: How to narrow space between header and book text? - Page 2

EbokJunkie · 01-06-2015, 11:27 PM

Thanks, that works in conjunction with text-align:right (not float:right that I used initially).
However, result is ugly (see result.png).
Now I understand that I didn't make my point clear: My intention was to truncate title so that it started at the right side of the page center (see target.png). That will allow to keep up the gap between author and title.
Maybe this cannot be implemented by html/css commands?

kovidgoyal · 01-06-2015, 11:30 PM

Sure you can you need to set the max width of the title container using the css max-width property and set the text-overflow property

max-width:200px (or whatever)
text-overflow: ellipsis

EbokJunkie · 01-07-2015, 02:17 AM

Finally managed to find optimal value of max-width in conjunction with float:right.
Had to apply all properties you suggested to one p tag only that defines title:

Code:

<p style="overflow:hidden;white-space:nowrap;max-width:50mm;text-overflow:ellipsis;float:right;margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px;">_TITLE_</p>

Wow, html rendering is cut-and-try process...reminds me of TeX but with less predictable outcome of tweaking...

01-06-2015, 11:27 PM	#16
EbokJunkie Addict Posts: 230 Karma: 13495 Join Date: Feb 2009 Location: SoCal Device: Kindle 3, Kindle PW, Pocketbook 301+, Pocketbook Touch, Sony 950, 350	Thanks, that works in conjunction with text-align:right (not float:right that I used initially). However, result is ugly (see result.png). Now I understand that I didn't make my point clear: My intention was to truncate title so that it started at the right side of the page center (see target.png). That will allow to keep up the gap between author and title. Maybe this cannot be implemented by html/css commands? Attached Thumbnails

01-07-2015, 02:17 AM	#18
EbokJunkie Addict Posts: 230 Karma: 13495 Join Date: Feb 2009 Location: SoCal Device: Kindle 3, Kindle PW, Pocketbook 301+, Pocketbook Touch, Sony 950, 350	Finally managed to find optimal value of max-width in conjunction with float:right. Had to apply all properties you suggested to one p tag only that defines title: Code: <p style="overflow:hidden;white-space:nowrap;max-width:50mm;text-overflow:ellipsis;float:right;margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px;">_TITLE_</p> Wow, html rendering is cut-and-try process...reminds me of TeX but with less predictable outcome of tweaking... Attached Thumbnails

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Narrow text width, double spacing	R71986	Conversion	12	06-20-2014 12:20 PM
Generate epub using text-recognized text in PDF not Pictures.	lordofazeroth	Conversion	0	09-19-2013 04:16 PM
Narrow No-Break Space display	roger64	Sigil	6	12-20-2012 02:43 PM
Narrow No-Break Space and commercial support.	roger64	ePub	8	09-04-2012 01:08 PM
PDF Conversion - Removing Header / Footer Text	heb	Sony Reader	9	07-11-2010 11:02 PM

01-06-2015, 11:30 PM	#17
kovidgoyal creator of calibre Posts: 45,377 Karma: 27230406 Join Date: Oct 2006 Location: Mumbai, India Device: Various	Sure you can you need to set the max width of the title container using the css max-width property and set the text-overflow property max-width:200px (or whatever) text-overflow: ellipsis

Advert