Клиенты веб-почты усекают встроенные стили

Question

Некоторые клиенты веб-почты усекают пробелы во встроенных стилях. Например этот код

style="display: inline; float:right; font-size:16px;

отображается как

style="display:inline;float:right;font-size:16px;

На данный момент это не больно. Но когда я добавляю несколько фоновых стилей, мой макет вылетает:

Происхождение:

background:#ff6600 url('http://localhost:8080/path/to/img.png') no-repeat top right;

оказываемых:

background:#ff6600url('http://localhost:8080/path/to/img.png')no-repeattopright;

У вас есть идеи, как избежать такого поведения? может быть что-то вроде "& n b s p;"?

ура, майонез

Answer 1

Я рекомендую это

<div id="test" style="background:#ff6600; background-image:url('http://www.emofaces.nl/nl/emoticons/z/zwart-en-wit-emoticon.gif'); background-repeat:no-repeat; background-position:bottom left;"></div>

Смотрите рабочий пример здесь: http://jsfiddle.net/DennisBetman/QTLBg/

Answer 2

Как рекомендуется до меня, вы можете отделить стиль. Я предлагаю небольшое улучшение, используя background-position-x а также background-position-y

Смотрите код здесь