table auto height & h6

bobb40 · 07-25-2011, 09:51 AM

I created a table in an ebook, and Calibre handles it well. But the headings made the columns too wide, so I set them to <h6>. The column width shrinks nicely with the <h6>, but the height of the heading cells does not shrink. Is there any way of getting the table "auto" algorithm to recognize the actual height of cell content in its height calculation?

Starson17 · 07-25-2011, 10:54 AM

Quote:

Originally Posted by bobb40

I created a table in an ebook, and Calibre handles it well. But the headings made the columns too wide, so I set them to <h6>. The column width shrinks nicely with the <h6>, but the height of the heading cells does not shrink. Is there any way of getting the table "auto" algorithm to recognize the actual height of cell content in its height calculation?

The appearance of a table in an ebook is strongly influenced by the format of the ebook. Text formats have almost no support for tables. MOBI has limited support, etc. What format are you using for your ebook?

bobb40 · 07-25-2011, 02:02 PM

Quote:

Originally Posted by Starson17

The appearance of a table in an ebook is strongly influenced by the format of the ebook. Text formats have almost no support for tables. MOBI has limited support, etc. What format are you using for your ebook?

EPUB - and it does beautifully except for the auto-height.

kovidgoyal · 07-25-2011, 02:21 PM

This has nothing to do with calibre, you have to use the appropriate css to get the effect you want. Set the display to inline in the CSS for the h6 tags.

Starson17 · 07-25-2011, 03:49 PM

Quote:

Originally Posted by kovidgoyal

This has nothing to do with calibre, you have to use the appropriate css to get the effect you want. Set the display to inline in the CSS for the h6 tags.

If Kovid's comment isn't clear, look here:

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

There is property called "display" and you need to give that property the value "inline" in your CSS for your h6 tag. That just means that the h6 tag in your table will generate an inline box with no line break before or after the element. It can be confusing looking up "inline" as inline CSS/styles are not the same thing as giving the CSS display property the value of "inline." (It sounded confusing just writing it.)

bobb40 · 08-05-2011, 01:06 PM

Many thanks, Kovid & Starson17 -- I was off topic, but knew where to find the wizards!
Changed each table header from <h6> to <h6 style="display:inline">, e.g.:
<th><h6 style="display:inline"><center>SEA<br>CRITERIA</center></h6></th>,
and got what I wanted.

Starson17 · 08-05-2011, 01:36 PM

Quote:

Originally Posted by bobb40

Many thanks, Kovid & Starson17 -- I was off topic, but knew where to find the wizards!
Changed each table header from <h6> to <h6 style="display:inline">, e.g.:
<th><h6 style="display:inline"><center>SEA<br>CRITERIA</center></h6></th>,
and got what I wanted.

You set an "inline style" of the "display" property to the value of "inline." I told you it was confusing.

Kovid suggested you set that property via CSS, not via an inline style. Using Kovid's method would probably have been easier, but whatever works

07-25-2011, 09:51 AM	#1
bobb40 Enthusiast Posts: 28 Karma: 274 Join Date: Jul 2011 Device: Kindle3, Kindle4, KoboGlo	table auto height & h6 I created a table in an ebook, and Calibre handles it well. But the headings made the columns too wide, so I set them to <h6>. The column width shrinks nicely with the <h6>, but the height of the heading cells does not shrink. Is there any way of getting the table "auto" algorithm to recognize the actual height of cell content in its height calculation?

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
CSS for auto Table of Contents	MaryBon	Calibre	1	09-21-2010 06:17 AM
Free Book (Kindle) - Periodic Table & Acupressure Guide	koland	Deals and Resources (No Self-Promotion or Affiliate Links)	0	09-15-2010 10:56 PM
Pocketbbook 360: Table of Contents & file formats	mimosavj	PocketBook	6	04-08-2010 10:05 AM
Forget coffee table books-- how about a kitchen table book?	ardeegee	Lounge	10	12-02-2009 12:00 PM
calibre auto fetch non-scheduled job & puts out error msg	shinew	Calibre	2	02-23-2009 10:27 PM

07-25-2011, 02:21 PM	#4
kovidgoyal creator of calibre Posts: 45,185 Karma: 27110894 Join Date: Oct 2006 Location: Mumbai, India Device: Various	This has nothing to do with calibre, you have to use the appropriate css to get the effect you want. Set the display to inline in the CSS for the h6 tags.

08-05-2011, 01:06 PM	#6
bobb40 Enthusiast Posts: 28 Karma: 274 Join Date: Jul 2011 Device: Kindle3, Kindle4, KoboGlo	Many thanks, Kovid & Starson17 -- I was off topic, but knew where to find the wizards! Changed each table header from <h6> to <h6 style="display:inline">, e.g.: <th><h6 style="display:inline"><center>SEA<br>CRITERIA</center></h6></th>, and got what I wanted.

Advert

Advert