Skip to main content
Inspiring
Jul 16, 2015 9:55 PM UTC
Answered

The Design view of my table is un-editable but looks just fine in View Topic.

Because the Design view shows only part of the table heading row and the rest of the table disappears, I cannot edit the table in Design view. I've pasted the CSS and HTML below. Can anyone offer guidance?

CSS

table {

border-collapse: collapse;

}

th {

background-color: #e6e6e6;

border: solid #009DD9 1.0px;

color: #009dd9;

font-family: Arial, sans-serif;

font-size: .8em;

margin: 6px 4px 8px 0px;

text-align: center;

vertical-align: top;

}

td{

border: solid #009dd9 1.0px;

border-collapse: collapse;

color: #000000;

font-family: Arial, sans-serif;

font-size: .8em;

margin: 1.5em .5em 1.5em .5em;

text-align: left;

}

HTML

<table class="center">

<col />

<col />

<col width="372" />

<tr style="page-break-inside: avoid;">

  <th><p class="NTableHeading">Number</p></th>

  <th><p class="NTableHeading">Number</p></th>

  <th><p class="NTableHeading">Number</p></th>

</tr>

<tr style="page-break-inside: avoid;">

  <td>Cell</td>

  <td>Cell</td>

  <td>Cell</td>

</tr>

<tr style="page-break-inside: avoid;">

  <td>Cell</td>

  <td>Cell</td>

  <td>Cell</td>

</tr>

<tr style="page-break-inside: avoid;">

  <td>Cell</td>

  <td>Cell</td>

  <td>Cell</td>

</tr>

<tr style="page-break-inside: avoid;">

  <td>Cell</td>

  <td>Cell</td>

  <td>Cell</td>

</tr>

</table>

This topic is closed to new replies. Start a new post to keep the conversation going.
Willam van Weelden
Willam van WeeldenCorrect answer
Inspiring
Jul 17, 2015 8:54 AM UTC

To add to Amebr; change the margin into padding. That will make sure the content isn't squeezed to the cell borders.

3 replies

Community Expert
Jul 17, 2015 4:14 AM UTC

Remove the margin settings on the th and the td. You can't actually apply margins to these elements in css, so I think it's a bug that RH tries to render it and fails dismally .

Tables

"Internal table elements do not have margins "

Translate
Willam van Weelden
Willam van WeeldenCorrect answer
Inspiring
Jul 17, 2015 8:54 AM UTC

To add to Amebr; change the margin into padding. That will make sure the content isn't squeezed to the cell borders.

Translate
Inspiring
Jul 17, 2015 1:18 PM UTC

Thanks to each of you for replying so quickly! Yes, changing "margin" to "padding" solved my problems.

Translate