Как удалить границу из таблицы HTML в IE? [Дубликат]

Многие из них игнорируются некоторыми почтовыми клиентами. Это всегда риск, который вы принимаете в тяжелых графических html-письмах. У вас почти наверняка есть получатели, которые видят это неправильно. Я всегда предлагаю своим клиентам не запрашивать такие проекты электронной почты, которые имеют 6-12 изображений, сгруппированных в таблицу. Тем не менее, всегда будут те, кто настаивает на том, чтобы это было сделано, и даже после того, как я покажу им результаты в нескольких почтовых клиентах, они по-прежнему просят, чтобы это было сделано.

Избегайте его, если можете. К сожалению, на самом деле нет гарантированного исправления.

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

Я также сталкиваюсь с той же проблемой.

Но я попробовал

<img src ="images/xyz.jpg"  style="display:block">

и решил

Не увидев ваш код, я бы предположил, что вы видите пробелы между изображениями, потому что у вас есть реальное пространство между вашими изображениями.

Если у вас есть что-то вроде этого ...

<img src="image1.jpg">
<img src="image2.jpg">

Измените его на ... (обратите внимание, что между двумя тегами изображения нет места)

<img src="image1.jpg"><img src="image2.jpg">

Если вы помещаете изображения в отдельные ячейки (то есть одно изображение на ячейку ), затем попробуйте поместить CSS из border-collapse:collapse ...

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse">

UPDATE

Как указывает @Shadow, ни одна из частей выше не имеет никакого значения.

Похоже, что FireFox и Chrome имеют дело с изображением, так как текст (по какой-то причине), поэтому его предложение table td { font-size:0px; } - это ИМХО правильный ответ. (IE, похоже, не затрагивает проблему.)

Эта проблема распространена на многих почтовых клиентах, просто используйте:

<img style="display:block" />

для каждого изображения в вашем HTML.

много раз это может быть ошибка пользователя. когда вы нарезаете фотошоп, убедитесь, что ВСЕ СЦЕНЫ ОБРАТНЫ. если есть зазор в 1px, тогда это все испортит !!!

также, вот трюк, который я узнал ....

Установите все изображения, чтобы иметь границу = 0 "после alt =" "...

, например, ...

попробуйте это и убедитесь, что все изображения имеют border = "0", и все метки имеют заданную ширину, все фрагменты касаются, и у вас должно быть 0 пробелов.

На изображениях попробуйте использовать

style="display:block" 

Он должен работать.

Из быстрой проверки, которую я только что сделал, похоже, проблема связана с тем, что пустое пространство внутри разметки ячеек занимает какое-то место и делает ячейки более крупными.

. Один из способов - установить размер шрифта ячейки для 0, что устраняет это дополнительное пространство.

Живой тестовый пример с исправленным применением .

В вашем случае попробуйте добавить это в HTML-код send:

<style type="text/css">
    table td { font-size: 0px; }
</style>

Предполагается, что у вас есть только одна таблица, и все ячейки имеют только изображения, если у вас больше таблиц, тогда укажите эту конкретную таблицу id, например <table id="MyImagesTable"> затем измените на:

#MyImagesTable td { font-size: 0px; }

Если почтовый клиент тех, кто получает письмо, не поддерживает таблицы стилей, вам придется вручную установить его для каждой ячейки:

<table border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td style="font-size: 0px;">...</td>
        <td style="font-size: 0px;">...</td>
        <td style="font-size: 0px;">...</td>
    </tr>
    <!-- ...more rows... -->
</table>