Copy link to clipboard
Copied
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>
To add to Amebr; change the margin into padding. That will make sure the content isn't squeezed to the cell borders.
Copy link to clipboard
Copied
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 .
"Internal table elements do not have margins "
Copy link to clipboard
Copied
To add to Amebr; change the margin into padding. That will make sure the content isn't squeezed to the cell borders.
Copy link to clipboard
Copied
Thanks to each of you for replying so quickly! Yes, changing "margin" to "padding" solved my problems.