htmlcsshtml-tablehtml-email
HTML - Outlook clients height issue
See the below code for a HTML email;
<table class="barcode" style="border-collapse:collapse; border:none !important; background:white; width:auto; margin: auto;">
<tr style="height: 50px;">
<!-- This is duplicated -->
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
<table style="border-collapse: collapse"><tr>
<td height="50" width="4.3" style="visibility:hidden; width:4.3px; height:50px; font-size:4px; color:#FFFFFF; color:transparent; padding: 0">█</td>
</tr></table>
</td>
<!-- /This is duplicated -->
</tr>
</table>
The <td> element in between the comments is duplicated multiple times (for barcode reasons). However, when you get past 100 (appx) <td> elements, Outlook clients seem to ignore the 50px height. Screenshot below.
https://jsfiddle.net/uqtzov9u/1/ - Code that generated the above
I have tried removing the gross nested table and replaced it with a div, but still experience the same issue.
Why are Outlook clients ignoring the 50px height when I get past x number of <td> elements?
Solution
I removed all the inside tables, widths and kept only the outer td's and it works now in Outlook 2016 Version 1802 (Build 9029.2167).
Now all you need is another set of td's that seperates the barcode lines with white.
<table class="barcode" style="border-collapse:collapse; border:none !important; background:white; width:auto; margin: auto;">
<tbody>
<tr style="height: 50px;">
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
</td>
</tr>
</tbody>
</table>Recommendation: Dont use borders, use td with pixel width and give it a background color.
Let me know if this works for you.
- My custom CSS transition animation is not working on hover after I added AOS JS library
- How to set data attributes in HTML elements
- How to get "Results per Row" (from a 'clicked entry' off a "dropdown menu") to show up correctly?
- How to reduce the size of an ASCII text art picture
- How to trigger SVG render same as manual DOM edit in Chrome using JS?
- Set element width based on a string that is not in the element
- Where are the trailing commas coming from in these radio buttons?
- 100vh height when address bar is shown - Chrome Mobile
- Capture selected option returns not defined instead
- Adjust navbar minimum height depending on screen width
- How to remove extra width from my website?
- Why doesn't backgroundColor=rgb(a,b,c) work?
- How to put json variable directly into DIV Class
- On hover the div inside button reduces height to give animation and little dark bottom. But text also moving up how to fix not move text
- WOW jquery slider
- Reduce the frequency of geolocation watchPosition calls
- Why should HTML elements (input, textarea, and select) have associated labels?
- Why ngModel doesn't works on the last version of Angular 17?
- How to make an element's background-color a little darker using CSS
- How do I clear the content of a div using JavaScript?
- How do I display images from Google Drive on a website?
- Tailwind h-screen doesn’t work properly on mobile devices
- Edit icon in mobile view missing
- Sticky header input scrolls on input
- Image not loading on local site I made
- React error in index.js, "Uncaught ReferenceError: dom is not defined"
- Make the mix-blend-mode on a sticky navbar ignore certain elements while scrolling down
- How to prevent bleach from escaping > (blockquote) tag used in Markdown
- Why is the input bar spilling slightly on the right side of the container?
- Method to show native datepicker in Chrome