size of a page

isalherbo · 04-20-2013, 04:33 PM

In order to set the size of my tables correctly, what is the height and the width of one page (letter US) in pixel?

JSWolf · 04-20-2013, 05:28 PM

Quote:

Originally Posted by isalherbo

In order to set the size of my tables correctly, what is the height and the width of one page (letter US) in pixel?

And just what device is going to render that?

Toxaris · 04-21-2013, 02:53 AM

Let go of the idea of pages and page-sizes... It is all reflowable.

mrmikel · 04-21-2013, 09:52 AM

See if you can find out how to do what you want without tables. Tables are difficult in epubs, especially in smaller devices. The window for smaller devices is 800 vertical by 600 wide. BUT, if you use text to do create a table, it will expand as the size of text is increased and will likely be cut off. I have spent hours shrinking text size and eliminating padding just to fit a table into 600 wide. But it is not pretty, however useable it might be.

Unless it must be searchable, consider using an image of the table. It is one heck of a lot less work and is less likely to have troubles. You can center an image pretty easily, but it takes a witch doctor and voodoo incantations to center a table if you can at all. I found a way to center one I was using, but doing do knocked out all dividing lines in the table....that is the sort of thing you can be up against.

If you must have formatting consider PDFs. They will always be formatted exactly the same way. The trouble is if it is beautiful at full size 8.5"x11", it will be miniscule on an e-reader.

Wolfie is right in his question, how big the screen? If you are doing it for work or for a bunch of friends, all with ipads, there are a lot more pixels available to you. If some must read it on a smart phone, that is a whole different proposition.

theducks · 04-21-2013, 10:01 AM

Quote:

Originally Posted by mrmikel

See if you can find out how to do what you want without tables. Tables are difficult in epubs, especially in smaller devices. The window for smaller devices is 800 vertical by 600 wide. BUT, if you use text to do create a table, it will expand as the size of text is increased and will likely be cut off. I have spent hours shrinking text size and eliminating padding just to fit a table into 600 wide. But it is not pretty, however useable it might be.

Unless it must be searchable, consider using an image of the table. It is one heck of a lot less work and is less likely to have troubles. You can center an image pretty easily, but it takes a witch doctor and voodoo incantations to center a table if you can at all. I found a way to center one I was using, but doing do knocked out all dividing lines in the table....that is the sort of thing you can be up against.

If you must have formatting consider PDFs. They will always be formatted exactly the same way. The trouble is if it is beautiful at full size 8.5"x11", it will be miniscule on an e-reader.

Wolfie is right in his question, how big the screen? If you are doing it for work or for a bunch of friends, all with ipads, there are a lot more pixels available to you. If some must read it on a smart phone, that is a whole different proposition.

It is unfortunate that coded (not image) tables can't be rotated for best width (when needed).
I think people get stuck in their orientation thinking.
I know that when I take pictures, the camera gets held whatever way to get the shot (only rarely, does it get upside down

)

JSWolf · 04-21-2013, 01:31 PM

Quote:

Originally Posted by isalherbo

In order to set the size of my tables correctly, what is the height and the width of one page (letter US) in pixel?

For tables, don't use pixels. Use percents. Think of the screen as 100% wide by 100% long. Then use percents to setup the table.

isalherbo · 04-21-2013, 03:38 PM

I want to do an interactive book, kind like a website. My tables contain informations and will have hyperlinks which direct to other sections in the document.
I am doing a ebook,first version using word, then converted in a PDF document, using pages 8 1/2 X 11. But if I want my book to be readable for epub, I have to make a epub document, using SIGIL, since I did not fond ANY PDF to EPUB converter able to keep my tables the way they are.

The suggestion of making my tables in % instead of pixels is a good idea, think I will try it. My concern though was to figure out the size of all elements on my page for it to be readable for users of tablets or epub reading programs. But then... maybe I'll reach enough people only with a PDF document...

Just for you to have an idea of my project, here's the code to my first table, using SIGIL :

<table style="background-color: rgb(194, 219, 133); margin-left: 50px;font-family: Arial, sans-serif;">
<tbody>
<tr>
<th rowspan="7" style="text-align: center; vertical-align: top; height: 325px; width: 240px;"><img alt="sapin" src="../Images/sapin.JPG" style="height: 300px; width: 210px; margin-top: 5px;margin-left:0px;" /><br /></th>

<th colspan="4" style="text-align: left; height:50px; width:390px; font-size:22px">Parties utilisées</th>
</tr>

<tr>
<td style="text-align: center; height: 25px; width: 25px;"><img alt="bouton_fleur" src="../Images/bouton_fleur.jpg" style="height: 23px; width: 23px;" /><br /></td>

<td style="height: 25px; width:170px; font-size:18px;"> aiguilles</td>

<td style="text-align: center; height: 25px; width: 25px;"><img alt="bouton_fleur" src="../Images/bouton_fleur.jpg" style="height: 23px; width: 23px;" /><br /></td>

<td style="height: 25px; width:170px; font-size:18px"> cônes</td>
</tr>

<tr>
<td style="text-align: center; height: 25px; width: 25px;"><img alt="bouton_fleur" src="../Images/bouton_fleur.jpg" style="height: 23px; width: 23px;" /><br /></td>

<td style="height: 25px; width:170px; font-size:18px"> bois</td>

<td style="text-align: center; height: 25px; width: 25px;"><img alt="bouton_fleur" src="../Images/bouton_fleur.jpg" style="height: 23px; width: 23px;" /><br /></td>

<td style="height: 25px; width:170px; font-size:18px"> écorce</td>
</tr>

<tr>
<td style="text-align: center; height: 25px; width: 25px;"><img alt="bouton_fleur" src="../Images/bouton_fleur.jpg" style="height: 23px; width: 23px;" /><br /></td>

<td style="height: 25px; width:170px; font-size:18px"> bourgeons</td>

<td style="text-align: center; height: 25px; width: 25px;"><img alt="bouton_fleur" src="../Images/bouton_fleur.jpg" style="height: 23px; width: 23px;" /><br /></td>

<td style="height: 25px; font-size:18px"> racines</td>
</tr>

<tr>
<td style="text-align: center; height: 25px; width: 25px;"><img alt="bouton_fleur" src="../Images/bouton_fleur.jpg" style="height: 23px; width: 23px;" /><br /></td>

<td style="height: 25px;width:170px; ; font-size:18px"> branches</td>

<td style="text-align: center; height: 25px; width: 25px;"><img alt="bouton_fleur" src="../Images/bouton_fleur.jpg" style="height: 23px; width: 23px;" /><br /></td>

<td style="height: 25px; width:170px; font-size:18px"> résine</td>
</tr>

<tr>
<td style="text-align: center; vertical-align: top; height: 25px; width: 25px;"><img alt="bouton_fleur" src="../Images/bouton_fleur.jpg" style="height: 23px; width: 23px;" /><br /></td>

<td style="height: 25px; width:170px; font-size:18px"> bleu<br /></td>

<td style="text-align: center;"><img alt="bouton_fleur" src="../Images/bouton_fleur.jpg" style="height: 23px; width: 23px;" /><br /></td>

<td style="height: 25px; width:170px; font-size:18px"> bleu</td>
</tr>

<tr>
<td style="text-align: center; vertical-align: top; height: 25px; width: 25px;"><br /></td>

<td style="font-size:12px; width:170px;">cliquez sur <img alt="bouton_fleur" src="../Images/bouton_fleur.jpg" style=" height: 15px; width: 15px;font-size:12px" /> pour<br />
accéder aux parties</td>

<td><br /></td>

<td><br /></td>
</tr>
</tbody>
</table>

theducks · 04-21-2013, 04:30 PM

It has been said 1000 times or more. PDF to anything (not paper) is a horrible way to go.

mrmikel · 04-21-2013, 06:18 PM

You should probably go from word to PDF for print, then word to HTML for converting to epub. But you're still going to have challenges getting tables to work in epub. You can float in css to try to achieve the same effect. But on a tiny screen, they may not be very happy with you if you make it too complicated.

Image maps don't work in most readers, so you will have an image, but they will still have to click on the text, unless I am mistaken. This can be a little frustrating unless you tell them they must do so. A number of things that work on web pages don't work the same way or at all in epubs and this is true of css as well. This means it can be some work to go from one to the other.

isalherbo · 04-21-2013, 08:37 PM

Thanks for all your answers. I guess that for now, I will concentrate on a PDF document, since more people can read it this way, and since its much simplier to do. On my EPUB document, I'll try later with % instead of pixels, and will configure my page to be smaller than 8 1/2 X 11, since on epub readers the pages fit in 800 X 600 px. Thanks again!

JSWolf · 04-21-2013, 10:22 PM

That is awful code.

As I said before, don't use pixels. Use percentages.

exaltedwombat · 04-22-2013, 06:27 AM

Quote:

Originally Posted by isalherbo

Thanks for all your answers. I guess that for now, I will concentrate on a PDF document, since more people can read it this way, and since its much simplier to do. On my EPUB document, I'll try later with % instead of pixels, and will configure my page to be smaller than 8 1/2 X 11, since on epub readers the pages fit in 800 X 600 px. Thanks again!

Except that an epub might be read on anything through a smartphone, a 7" tablet, a 10" tablet, a computer screen... You really have to let go of the idea of controlling page layout - it's about pouring text into a container.

Jellby · 04-22-2013, 08:34 AM

And think about what should happen (and what will actually happen) if the book is displayed in landscape orientation, or in a screen that's smaller than the picture, or with a large font size...

isalherbo · 04-23-2013, 02:08 PM

Ok.. using % for the size of my tables is not good. On different ereaders, the size of the table shows as large as the page size or orientation chosen. It's ugly... I have corrected the code for my table, and everything works fine on Calibre and Adobe Digital Edition. The hyperlinks don't work though on Sony reader for PC, I don't know why.

Toxaris · 04-23-2013, 03:27 PM

You need to check on different screen sizes, since there are different ones out there. Hyperlinks will not work on most readers.

04-20-2013, 04:33 PM	#1
isalherbo Junior Member Posts: 8 Karma: 10 Join Date: Apr 2013 Device: sigil	size of a page In order to set the size of my tables correctly, what is the height and the width of one page (letter US) in pixel?

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Page Size	juneymoon	Workshop	0	01-26-2012 05:29 PM
Page size	nas_matko	ePub	7	07-21-2009 03:28 PM
Converted Page Size	thunderchild	Fictionwise eBookwise	4	10-28-2008 06:23 AM
Page size for conversions	Saleem	Sony Reader	1	11-26-2007 12:33 PM
PDF page size	DuckDodgers	iRex	2	08-09-2006 02:17 PM

04-21-2013, 02:53 AM	#3
Toxaris Wizard Posts: 4,520 Karma: 121692313 Join Date: Oct 2009 Location: Heemskerk, NL Device: PRS-T1, Kobo Touch, Kobo Aura	Let go of the idea of pages and page-sizes... It is all reflowable.

04-21-2013, 09:52 AM	#4
mrmikel Color me gone Posts: 2,089 Karma: 1445295 Join Date: Apr 2008 Location: Central Oregon Coast Device: PRS-300	See if you can find out how to do what you want without tables. Tables are difficult in epubs, especially in smaller devices. The window for smaller devices is 800 vertical by 600 wide. BUT, if you use text to do create a table, it will expand as the size of text is increased and will likely be cut off. I have spent hours shrinking text size and eliminating padding just to fit a table into 600 wide. But it is not pretty, however useable it might be. Unless it must be searchable, consider using an image of the table. It is one heck of a lot less work and is less likely to have troubles. You can center an image pretty easily, but it takes a witch doctor and voodoo incantations to center a table if you can at all. I found a way to center one I was using, but doing do knocked out all dividing lines in the table....that is the sort of thing you can be up against. If you must have formatting consider PDFs. They will always be formatted exactly the same way. The trouble is if it is beautiful at full size 8.5"x11", it will be miniscule on an e-reader. Wolfie is right in his question, how big the screen? If you are doing it for work or for a bunch of friends, all with ipads, there are a lot more pixels available to you. If some must read it on a smart phone, that is a whole different proposition.

04-21-2013, 03:38 PM	#7
isalherbo Junior Member Posts: 8 Karma: 10 Join Date: Apr 2013 Device: sigil	I want to do an interactive book, kind like a website. My tables contain informations and will have hyperlinks which direct to other sections in the document. I am doing a ebook,first version using word, then converted in a PDF document, using pages 8 1/2 X 11. But if I want my book to be readable for epub, I have to make a epub document, using SIGIL, since I did not fond ANY PDF to EPUB converter able to keep my tables the way they are. The suggestion of making my tables in % instead of pixels is a good idea, think I will try it. My concern though was to figure out the size of all elements on my page for it to be readable for users of tablets or epub reading programs. But then... maybe I'll reach enough people only with a PDF document... Just for you to have an idea of my project, here's the code to my first table, using SIGIL : <table style="background-color: rgb(194, 219, 133); margin-left: 50px;font-family: Arial, sans-serif;"> <tbody> <tr> <th rowspan="7" style="text-align: center; vertical-align: top; height: 325px; width: 240px;"><img alt="sapin" src="../Images/sapin.JPG" style="height: 300px; width: 210px; margin-top: 5px;margin-left:0px;" /><br /></th> <th colspan="4" style="text-align: left; height:50px; width:390px; font-size:22px">Parties utilisées</th> </tr> <tr> <td style="text-align: center; height: 25px; width: 25px;"><img alt="bouton_fleur" src="../Images/bouton_fleur.jpg" style="height: 23px; width: 23px;" /><br /></td> <td style="height: 25px; width:170px; font-size:18px;"> aiguilles</td> <td style="text-align: center; height: 25px; width: 25px;"><img alt="bouton_fleur" src="../Images/bouton_fleur.jpg" style="height: 23px; width: 23px;" /><br /></td> <td style="height: 25px; width:170px; font-size:18px"> cônes</td> </tr> <tr> <td style="text-align: center; height: 25px; width: 25px;"><img alt="bouton_fleur" src="../Images/bouton_fleur.jpg" style="height: 23px; width: 23px;" /><br /></td> <td style="height: 25px; width:170px; font-size:18px"> bois</td> <td style="text-align: center; height: 25px; width: 25px;"><img alt="bouton_fleur" src="../Images/bouton_fleur.jpg" style="height: 23px; width: 23px;" /><br /></td> <td style="height: 25px; width:170px; font-size:18px"> écorce</td> </tr> <tr> <td style="text-align: center; height: 25px; width: 25px;"><img alt="bouton_fleur" src="../Images/bouton_fleur.jpg" style="height: 23px; width: 23px;" /><br /></td> <td style="height: 25px; width:170px; font-size:18px"> bourgeons</td> <td style="text-align: center; height: 25px; width: 25px;"><img alt="bouton_fleur" src="../Images/bouton_fleur.jpg" style="height: 23px; width: 23px;" /><br /></td> <td style="height: 25px; font-size:18px"> racines</td> </tr> <tr> <td style="text-align: center; height: 25px; width: 25px;"><img alt="bouton_fleur" src="../Images/bouton_fleur.jpg" style="height: 23px; width: 23px;" /><br /></td> <td style="height: 25px;width:170px; ; font-size:18px"> branches</td> <td style="text-align: center; height: 25px; width: 25px;"><img alt="bouton_fleur" src="../Images/bouton_fleur.jpg" style="height: 23px; width: 23px;" /><br /></td> <td style="height: 25px; width:170px; font-size:18px"> résine</td> </tr> <tr> <td style="text-align: center; vertical-align: top; height: 25px; width: 25px;"><img alt="bouton_fleur" src="../Images/bouton_fleur.jpg" style="height: 23px; width: 23px;" /><br /></td> <td style="height: 25px; width:170px; font-size:18px"> bleu<br /></td> <td style="text-align: center;"><img alt="bouton_fleur" src="../Images/bouton_fleur.jpg" style="height: 23px; width: 23px;" /><br /></td> <td style="height: 25px; width:170px; font-size:18px"> bleu</td> </tr> <tr> <td style="text-align: center; vertical-align: top; height: 25px; width: 25px;"><br /></td> <td style="font-size:12px; width:170px;">cliquez sur <img alt="bouton_fleur" src="../Images/bouton_fleur.jpg" style=" height: 15px; width: 15px;font-size:12px" /> pour<br /> accéder aux parties</td> <td><br /></td> <td><br /></td> </tr> </tbody> </table>

04-21-2013, 04:30 PM	#8
theducks Well trained by Cats Posts: 29,768 Karma: 54401244 Join Date: Aug 2009 Location: The Central Coast of California Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A	It has been said 1000 times or more. PDF to anything (not paper) is a horrible way to go.

04-21-2013, 06:18 PM	#9
mrmikel Color me gone Posts: 2,089 Karma: 1445295 Join Date: Apr 2008 Location: Central Oregon Coast Device: PRS-300	You should probably go from word to PDF for print, then word to HTML for converting to epub. But you're still going to have challenges getting tables to work in epub. You can float in css to try to achieve the same effect. But on a tiny screen, they may not be very happy with you if you make it too complicated. Image maps don't work in most readers, so you will have an image, but they will still have to click on the text, unless I am mistaken. This can be a little frustrating unless you tell them they must do so. A number of things that work on web pages don't work the same way or at all in epubs and this is true of css as well. This means it can be some work to go from one to the other.

04-21-2013, 08:37 PM	#10
isalherbo Junior Member Posts: 8 Karma: 10 Join Date: Apr 2013 Device: sigil	Thanks for all your answers. I guess that for now, I will concentrate on a PDF document, since more people can read it this way, and since its much simplier to do. On my EPUB document, I'll try later with % instead of pixels, and will configure my page to be smaller than 8 1/2 X 11, since on epub readers the pages fit in 800 X 600 px. Thanks again!

04-21-2013, 10:22 PM	#11
JSWolf Resident Curmudgeon Posts: 73,866 Karma: 128597114 Join Date: Nov 2006 Location: Roslindale, Massachusetts Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3	That is awful code. As I said before, don't use pixels. Use percentages.

04-22-2013, 08:34 AM	#13
Jellby frumious Bandersnatch Posts: 7,515 Karma: 18512745 Join Date: Jan 2008 Location: Spaniard in Sweden Device: Cybook Orizon, Kobo Aura	And think about what should happen (and what will actually happen) if the book is displayed in landscape orientation, or in a screen that's smaller than the picture, or with a large font size...

04-23-2013, 02:08 PM	#14
isalherbo Junior Member Posts: 8 Karma: 10 Join Date: Apr 2013 Device: sigil	Ok.. using % for the size of my tables is not good. On different ereaders, the size of the table shows as large as the page size or orientation chosen. It's ugly... I have corrected the code for my table, and everything works fine on Calibre and Adobe Digital Edition. The hyperlinks don't work though on Sony reader for PC, I don't know why.

04-23-2013, 03:27 PM	#15
Toxaris Wizard Posts: 4,520 Karma: 121692313 Join Date: Oct 2009 Location: Heemskerk, NL Device: PRS-T1, Kobo Touch, Kobo Aura	You need to check on different screen sizes, since there are different ones out there. Hyperlinks will not work on most readers.