У меня странная проблема с внешним видом. Инструмент каждый день отправляет электронное письмо с некоторой информацией в простой таблице. Вот код HTML, используемый для этого:
<style>p { font-family: Calibri; font-size: 15px; color: #002364 }</style>
<p>SOME TEXT</b></p>
<table style="width:600px;font-family: Calibri; font-size: 15px">
<tr><td style="background-color:#d2d8e4;color:#002364;width:200px">DESC1</td><td style="color:#002364">VAL1</td></tr>
<tr><td style="background-color:#d2d8e4;color:#002364;width:200px">DESC2</td><td style="color:#002364">VAL2</td></tr>
<tr><td style="background-color:#d2d8e4;color:#002364;width:200px">DESC3</td><td style="color:#002364">VAL3</td></tr>
<tr><td style="background-color:#d2d8e4;color:#002364;width:200px">DESC4</td><td style="color:#002364">VAL4</td></tr>
</table>
В браузере (IE, Chrome, Firefox) все в порядке.
Но в перспективе ... Я не знаю почему, но CSS, похоже, не учитывается в первом ТД первого ТР (и только здесь! Это нормально везде). Я имею в виду, что текст "DESC1" - по какой-то странной причине - не отображается в шрифте Calibri (но в шрифте по умолчанию, используемом в outlook, как я полагаю, Times), тогда как он упоминается в стиле таблицы И цвет текста черный, тогда как в стиле тд упоминается, что цвет # 002364 (немного темно-синий). Другая странная вещь в том, что цвет фона в порядке (цвет # d2d8e4, как уже упоминалось).
Это действительно странно. Другое дело, что в моем коде я пытался переключать линии ... просто для проверки. Например, я поставил строку с «DESC2» и «VAL2» над линой с «DESC1» и «VAL2». Когда я это делаю, это «DESC2», который становится черным со шрифтом Times.
Так что мировоззрению действительно не нравится первый TD первого TR, который он видит ... Что не так ???
Спасибо за вашу помощь.