Line breaks won't show in tables

[purplethecat]

First photo is how it looks on KOReader (Turned on table borders on KOReader for clarity), second photo is how it looks on Calibre. (how it should look).

The second cell should have line breaks between the phrases, but they don't show up on KOReader.

I've tried changing the style tweaks for tables (including turning on "full-width tables", "ignore publisher table and cell widths") in the KOReader settings and nothing works. Even tried making the font size smaller but nothing.

The HTML on the ebook:

<table class="table"><tr><td class="tab1"><span class="smallcaps">TOPICS:</span> </td><td>A Proclamation<br>The Wisest of Lines<br>A Poem</td></tr></table>

And from the stylesheet:

.table {
  font-size: large;
  margin-top: 1em;
  margin-bottom: 2em;
  text-indent: 0em;
  text-align: justify;
  font-weight: bold;
}
.tab1 {
  font-size: small;
  margin-top: 0em;
  margin-bottom: 0em;
  text-indent: 0em;
  text-align: justify;
  padding-left: 0em;
  padding-right: 2em;
  vertical-align: top;
}

I've also tried changing text-align from `justify` to `right` but no fix.

Is this a KOReader issue? The tables are in the beginning of all 40 chapters and I would rather not have to edit the html for every single one, especially since I haven't finished reading the book.

KOReader:


Calibre (how it should look):

[purplethecat]

Update: my conclusion so far is that KOReader just flattens <br> (changing the widths of the cells didn't work either so it wasn't a spacing issue) so I've just decided to change everything to <div>...

[Karellen]

If you use <br/> instead, does that make a difference?

As for the cell width, use

PHP Code:

<tr>
  <th style="width:20%;">TOPICS:</th>
  <th style="width:50%;">A Proclamation<br/>The Wisest of Lines<br/>A Poem</th>
</tr> 


Fiddle with the % value until you get the sizing right.

[purplethecat]

Originally Posted by Karellen

If you use <br/> instead, does that make a difference?

As for the cell width, use

PHP Code:

<tr>
  <th style="width:20%;">TOPICS:</th>
  <th style="width:50%;">A Proclamation<br/>The Wisest of Lines<br/>A Poem</th>
</tr> 


Fiddle with the % value until you get the sizing right.

<br/> instead of <br> works! I don't know how I didn't think of that. Thank you, you saved me a lot of time lol. Changing the width didn't seem to be necessary.

[Karellen]

Originally Posted by purplethecat

<br/> instead of <br> works! I don't know how I didn't think of that. Thank you, you saved me a lot of time lol. Changing the width didn't seem to be necessary.

Fantastic!!

As for the table columns, on rare occasions I have seen some weird formatting when the widths are not set and depending on the reader being used. Keep that in the back of your mind in case you find the tables start playing up.