Как удалить пробел между двумя таблицами в электронной почте HTML?

Question

Пример вы можете увидеть здесь: http://jsfiddle.net/8EHED/8/

Это сложная проблема, потому что я вынужден использовать две таблицы, поскольку в каждой строке двух таблиц нет соответствующих ячеек (в противном случае это будет одна таблица).

Каждая таблица имеет 4 столбца, но ячейки не совпадают по ширине от одной строки к следующей. К сожалению, однако, между стекированными таблицами есть небольшое пространство между ними, и это очевидно, когда я вставляю этот пример в Thunderbird в качестве нового электронного письма и отправляю его в Gmail. Gmail, hotmail и Outlook 2010 показывают это небольшое пространство.

Есть ли способ заставить эти две таблицы складываться без пробелов между ними, чтобы они отображались как одно большое изображение и правильно отображались в Gmail et al?

Answer 1

На самом деле это не проблема стиля с вашим столом, а с вашими изображениями. Вам нужно указать style="display: block;" на всех изображениях, или они будут отображены как встроенные и вызвать такие незначительные проблемы с макетом (в электронном письме)

Answer 2

Вы пробовали это? ​table {margin:0;display:block}​