htmleater: просто мы, к примеру, поддерживаем IE9, а адекватного полифилла для флексбокса нет. С другой стороны, в данном случае можно для IE9 просто отображение инлайн-блоками сделать.
А с третьей стороны, с :nth-child в данном случае это делается за 5 минут :)
Правда, ширина только увеличивается, а не уменьшается, и точно работает только для моноширинных шрифтов, у которых проставлен font-size, соответствующий ширине символа в 8px. Я бы всё-таки рекомендовал написать небольшой плагин для этого, основанный, например, на невидимом div с такими же параметрами шрифта как у input.
gassmonkey: у вас и карусель, и ваш код завязаны на некие DOM-элементы. Когда вы подгружаете с помощью аякса новый html вместо старого, эти связи теряются. В таких случаях приходится переинициализировать скрипты заново на подгруженном контенте. Либо должен изначально использоваться модульный подход, при котором такие моменты будут автоматизированы.
jsfiddle.net/daynfkm8/2 — вот, добавил бэкграунд, чтобы были понятны границы таблицы. А эту конструкцию уже можно вставить в ячейку другой таблицы. Естественно, с правилами вёрстки писем я не заморачивался, просто показал на примере, как именно это сделать можно.
Это изврат какой-то. Использовать огромное количество совершенно ненужных элементов вместо того, чтобы встроить одну маленькую картинку (её можно вставить прямо в CSS с помощью base64 encoding) — так себе замена.
Роман: действительно, можно, что-то я не подумал об этом. Однако, скажем, при продвижении сайта аналитики всё равно попросят вынести тайтлы из атрибутов в теги, но это уже частный случай.
Alexander-K: по сути, ответ на ваш вопрос "Как его вырезать без фона, чтобы сохранить в PNG" — никак, потому что слой сам по себе с фоном. Если вы поставите normal вместо darken, то увидите эти самые белые куски.
