@caof19

Почему высота ячейки отличается от заданной?

Здравствуйте, верстаю письмо для email рассылки, в данный момент делаю кнопку, вот код:
<table>
  <tr>
    <td width="40" height="10"></td>
      <td width="27" height="10" style="background: #0083C2; border-radius: 7px 0 0 0;"></td>
      <td style="background: #0083C2;" height="10"></td>
      <td width="27" height="10" style="background: #0083C2; border-radius: 0 7px 0 0;"></td>
      <td width="40" height="10"></td>
    </tr>
    <tr>
      <td width="40"></td>
      <td width="27" style="background: #0083C2;"></td>
      <td style="background: #0083C2;"><a style="color: #fff; text-decoration: none;font-size:17px;" href="">Подробнее</a></td>
      <td width="27" style="background: #0083C2;"></td>
      <td width="40"></td>
    </tr>
    <tr>
      <td width="40" height="10"></td>
      <td width="27" height="10" style="background: #0083C2; border-radius: 0 0 0 7px;"></td>
      <td style="background: #0083C2;" height="10"></td>
      <td width="27" height="10" style="background: #0083C2; border-radius: 0 0 7px 0;"></td>
      <td width="40" height="10"></td>
     </tr>
 </table>

В браузере все выглядит как нужно:
5eb3f76c4f4b4086412869.png
отправляю на почту, и почему верхнии и нижние ряды становятся 21 пиксель, вместо заданных 10
5eb3f7b276c69786022345.png
  • Вопрос задан
  • 66 просмотров
Пригласить эксперта
Ответы на вопрос 1
@choupa
Архитектор (обычный, который строит)
<a class = "like-button" href = "">Подробнее</a>

<style>
  .like-button  {
    color: white;
    font-size: 17px;
    font-family: arial;
    text-decoration: none;
    background: #0083C2;
    padding: 16px 32px;
    border: none;
    border-radius: 7px;
  };
</style>

Так, как вы делаете, никто не делает лет 20! Изучите современную вёрстку и CSS.

Поведение таблиц плохо предсказуемо. Как они там определяют ширину ячеек, когда намешаны пикселы, проценты, auto — для меня загадка (ниасилил). Думаю, что в вашем случае разница высот ячеек из-за того, что почтарь добавляет в пустые ячейки пробел. А пробел — это уже шрифт определённой высоты, поэтому ячейка и раздвигается по высоте, чтобы он поместился. Чтобы проверить мою гипотезу, можно пустым ячейкам задать какой-нибудь очень маленький размер шрифта (или наоборот очень большой), и посмотреть, что будет.

Но, опять-таки, это только спортивный интерес, и, повторюсь, так делать не надо.

P.S. offtop: Кто-то в наше время ещё пользуется Outlook?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы