Register Guidelines E-Books Search Today's Posts Mark Forums Read

Go Back   MobileRead Forums > E-Book Formats > ePub

Notices

Reply
 
Thread Tools Search this Thread
Old 12-28-2011, 01:16 PM   #1
meadowlarkOR
Junior Member
meadowlarkOR began at the beginning.
 
Posts: 2
Karma: 10
Join Date: Dec 2011
Device: nook
Help with vertical alignment, table cell content

Hello all,

I am converting book chapters from InDesign CS 5.5 to epub. I have some tables that are giving me trouble, and I'm pretty new to CSS so in trying to correct the problems I have double trouble.

My table converts OK except that the text within the table cells is vertically aligned to the middle. I want it to align to the top. I added some CSS code I thought would do that, below. The part I added is "vertical-align : top;". It made no difference. Any ideas for me?

Thank you.

p.table-text {
font-family : "Palatino Linotype", serif;
font-weight : normal;
font-style : normal;
font-size : 0.79em;
text-decoration : none;
font-variant : normal;
line-height : 1.16;
text-align : left;
vertical-align : top;
color : #000000;
text-indent : 0px;
margin : 0px;
}
meadowlarkOR is offline   Reply With Quote
Advert
Old 01-01-2012, 07:46 AM   #2
AndiPersti
Junior Member
AndiPersti invented the internet.AndiPersti invented the internet.AndiPersti invented the internet.AndiPersti invented the internet.AndiPersti invented the internet.AndiPersti invented the internet.AndiPersti invented the internet.AndiPersti invented the internet.AndiPersti invented the internet.AndiPersti invented the internet.AndiPersti invented the internet.
 
Posts: 9
Karma: 84230
Join Date: Jul 2011
Device: PocketBook 902
Quote:
Originally Posted by meadowlarkOR View Post
My table converts OK except that the text within the table cells is vertically aligned to the middle. I want it to align to the top. I added some CSS code I thought would do that, below. The part I added is "vertical-align : top;". It made no difference. Any ideas for me?
In your css-rule you're setting "vertical-align" on the <p>-tag. But this just aligns every single paragraph within its box.
You should put it on the <td>-tag instead which styles the whole table cell:

Code:
td {vertical-align: top;}
HTH, Andreas
AndiPersti is offline   Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Vertical text alignment OCR bookmeal Workshop 7 11-14-2011 03:28 PM
Use my own Table of Content Kniebolo Calibre 1 10-22-2010 06:08 PM
how to zero table cell spacing? garygrosso Calibre 2 10-21-2010 03:49 PM
Vertical Alignment gardefjord ePub 2 05-25-2010 09:59 PM
unwanted table-change (vertical align) by calibre NASCARaddicted Calibre 2 01-27-2010 03:35 AM


All times are GMT -4. The time now is 07:16 AM.


MobileRead.com is a privately owned, operated and funded community.