Outlook Игнорирует атрибут ширины или свойство css

Я видел, что эта проблема затронута во многих вопросах, но ни один из них не был достаточно конкретным, чтобы помочь мне. Поэтому я надеюсь, что это никого не оскорбляет, если я упрощу его и попрошу еще раз. Надежда умирает!Outlook Игнорирует атрибут ширины или свойство css

Действительно ли НЕВОЗМОЖНО контролировать ширину изображения, встроенного в электронную почту, когда Outlook это делает? То есть контролировать ширину изображения, для которого html-код равен

<img src="cid:seal">

I.e. когда html-код ожидает встроенное изображение вместо одного, сохраненного в другом месте.

[Примечание: «печать» - это идентификатор содержимого, который я присвоил при создании MimeBodyPart со встроенным изображением].

Подробности: Я использую приложение Javamail для отправки сообщения с несколькими частями. Часть тела - это html-документ. Другой MimeBodyPart содержит изображение, используемое в html-документе. Я упростил html-тест только для двух столбцов таблицы с левым столбцом для изображения и правой колонки для текста.

И абсолютно НИЧЕГО Я попытался контролировать размер изображения при открытии в OUTLOOK.

Изображение всегда является тем, что, как я полагаю, должно иметь какой-то собственный размер для изображения ... который слишком велик ... поэтому он заставляет первую ячейку быть шириной более 15%. Или, если я дам ячейке фиксированную ширину, изображение переполняет окно, то есть get's clipped.

Я установил базовый код, лишенный всех цветов стиля шрифта и т. Д. Ниже.

Я пробовал каждую комбинацию атрибутов ширины и свойств стиля CSS в теге img. Я обернул изображение в другой таблице ... или обернул его в div-блок внутри основной ячейки таблицы ... и даже завернул его в блок div внутри ячейки таблицы внутри родительской ячейки таблицы. И я попытался указать ширину в фиксированных пикселях и%.

Было бы здорово, если бы мы все знали наверняка, если это просто НЕВОЗМОЖНО с Outlook.

Или, если возможно, опубликовать образец кода, который работает. [Очень привлекательно, чтобы электронная почта открывала свои изображения сразу, а не полагалась на загрузку их читателей.]

ПРИМЕЧАНИЕ: Кажется, я могу контролировать ширину, когда потом загружаю изображение из внешнего источника, то есть Спасибо за любая помощь.

<html> 
    <head> 
    <meta name="viewport" content="width=980, initial-scale=1"> 
    <title>Test Email</title> 
    </head> 
    <body style="width:100%; border:0;margin:0;padding:0;"> 
    <table align="center" 
      style="width:980px; border-collapse:collapse; 
        margin-left:auto; margin-right:auto;"> 
     <tr style="border:0; margin:0; padding:0;"> 
     <td style="width:15%; border:0; margin:0; padding:0;"> 
      <img src="cid:seal" 
       style="width:6em; height:auto;"> 
     </td> 
     <td style="width:85%; margin:0; padding:.5em 0em 0em 0em; border:0;"> 
      Some Titles and stuff 
     </td> 
     </tr> 
    <tr> 
    <td colspan="2" style="border:0; margin:0; padding:1em 1em 0em .5em;"> 
     <p> 1st paragraph 
     .... 
     <p> last paragraph 
    </td> 
    </tr> 
</table>

источник

2015-01-12 George

Перспективы использует слово в качестве редактора электронной почты. Следующая серия статей содержит справочную документацию, относящуюся к поддерживаемые и неподдерживаемые HTML элементов, атрибутов и каскадные таблицы стилей свойства:

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

источник

2015-01-13 12:50:48

С помощью Евгения выше я обнаружил по крайней мере одно хорошее решение.

<img src="cid:seal" width="300" or "300px" of "15%"> DOES NOT WORK.

Но когда я угробил цитаты этого работал

<img src="cid:seal" width=300 height=300>

Это, конечно, означает, установив ширину в% по-прежнему является проблемой, так как она требует кавычки.

Но я возьму то, что смогу достать. Теперь электронная почта всплывает с логотипом без необходимости загрузки изображений. И ... этот селектор body css также выполняет рендеринг фона со встроенным изображением. [Я сохранил фоновое изображение с идентификатором содержимого «bkg».]

СНОВА ... В отличие от атрибута img src = «cid: id», который использует кавычки, url() требует идентификатора без кавычек.

<body style="background-image:url(cid:bkg); 
      background-repeat:repeat; 
      width:100%; 
      generic-family:Sans-serif; 
      font-family:Verdana; 
      border:0;margin:1em 0 1em 0;padding:0;">

источник

2015-01-14 18:35:07 George

Я также бросил кавычки для своей ширины и высоты, и теперь Outlook выглядит счастливым. Как ни странно, Outlook 2003 работает с кавычками, но с каждой версией это не так. Когда Outlook переключается на использование средства визуализации HTML, встроенного в Windows? –

Outlook Игнорирует атрибут ширины или свойство css

ответ

Смежные вопросы