Menu
I have a pixel border showing between table rows when doing email testing. iPhone and iPad only. I have tried:
* {
margin:0;
padding:0;
}
I have also tried: this makes the border blue instead of white but I want the border removed completely?
975
To create table border in HTML, the border attribute was used. But the introduction of HTML5, deprecated the border tag. Create table border using the CSS property border. Set table border as well as border for <th> and <td>.
HTML tables can have borders of different styles and shapes.
Change the border: Tap Cell Border, then tap a border layout to choose which lines you want to format. Tap Border Style, then choose a border style. Or, use the controls under “Cell border” to define your own style. Tip: To select multiple borders, tap a border layout, then touch and hold additional layouts.
This apparently happens when you've applied background colors or images to individual table cells. I removed individual bgcolor and background-color references from the tables with mystery borders, and the problem went away!
Source: iPhone fail: The trouble with table borders and HTML email (Campaign Monitor)
106
Try adding this:
<meta content='width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;' name='viewport' />
This will stop users from zooming in. I found this works too:
<meta content='width=device-width; initial-scale=1.0;' name='viewport' />
But, it looks broken again when you zoom in. Initial load worked, so I was happy with the second option.
41
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
