Почему не работает позиционирование (верстка письма)?

Question

[Ольга Буркацкая]

Добрый день, многоуважаемые! Прошу сразу, не набрасывайтесь на меня, если для вас всё будет очевидно с моей проблемой.
Верстаю письмо. Уже всё сделала. Но когда отправляю через клиент себе на почту(gmail), отображается совсем не так как в редакторе (WebStorm).
Сделала по-новой, можно сказать методом подбора. Всё нормально, кроме расположения одной картинки, которую пытаюсь сместить вверх и влево, чтобы выровнять по серединке. Кто может помочь?
Использовала "position: relative!important; top: -25px!important; left: -15px!important;" Опять таки, редактирую, смотрю как работает – всё отлично. Отправляю на почту – ничего не меняется.
Ссылка на картинку с проблемой.

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

Answer 1

[Павел Кононенко]

habrahabr.ru/company/pechkin/blog/182964

Особое внимание на список поддерживаемых css-свойств.

Comments

[Ольга Буркацкая]

Спасибо. Данная статья помогла. Перестала искать там, где искать не нужно. Изменила картинки из макета. Добавила прозрачную область к картинке и таким образом мне её удалось сместить. Спасибо, еще раз.

Answer 2

[Артур Кох]

Самой полной "литературой" по верстке писем на русском языке будет мой блог на хабре habrahabr.ru/users/dudeonthehorse/topics

Если кто-то подскажет более достоверную информацию, я буду удивлен.

О позиционировании в письмах можно забыть. Работает лишь в малом количестве клиентов.

Comments

[Ольга Буркацкая]

Артур, спасибо Вам огромное! Я обязательно перечитаю все Ваши статьи.