@lexstile

Как выровнять изображения в outlook?

Во во многих почтовых клиентах отображает корректно.
В outlook отображается так (маркеры сдвинуты вниз):
60d5a40a97852239917307.png
Блок кода:
<table
                      role=“presentation”
                      width="100%"
                      border="0"
                      align="center"
                      cellspacing="0"
                      cellpadding="0"
                      style="margin:0; padding:0; mso-table-lspace:0pt !important; mso-table-rspace:0pt !important;"
                    >
                      <tbody>
                        <tr>
                          <td width="8" style="padding-bottom:12px; vertical-align:middle;">
                            <!--[if gte mso 9]>
                              <img
                                src="data:image/jpeg;base64,/{hash}"
                                alt=""
                                width="8"
                                height="8"
                                style="width:8px;height:8px;"
                              />
                            <![endif]-->

                            <!--[if !mso]><!-->
                              <img
                                src="data:image/jpeg;base64,{hash}"
                                alt=""
                                width="8"
                                height="8"
                                style="width:8px;height:8px;"
                              />
                            <!--<![endif]-->
                          </td>
                          <td style="padding-left:8px; padding-bottom:12px; font-size:14px; vertical-align:middle;">
                            Заполнение заявки в личном кабинете
                          </td>
                        </tr>
                        <tr>
                          <td align="middle" style="padding-bottom:12px;">
                            <!--[if gte mso 9]>
                              <img
                                src="data:image/jpeg;base64,{hash}"
                                alt=""
                                width="8"
                                height="8"
                                style="width:8px;height:8px;"
                              />
                            <![endif]-->

                            <!--[if !mso]><!-->
                              <img
                                src="data:image/jpeg;base64,{hash}"
                                alt=""
                                width="8"
                                height="8"
                                style="width:8px;height:8px;"
                              />
                            <!--<![endif]-->
                          </td>
                          <td style="padding-left:8px;padding-bottom:12px; font-size:14px;">
                            Получение решения по заемщику
                          </td>
                        </tr>
                        <tr>
                          <td align="middle" style="padding-bottom:12px;">
                            <!--[if gte mso 9]>
                              <img
                                src="data:image/jpeg;base64,{hash}"
                                alt=""
                                width="8"
                                height="8"
                                style="width:8px;height:8px;"
                              />
                            <![endif]-->

                            <!--[if !mso]><!-->
                              <img
                                src="data:image/jpeg;base64,{hash}"
                                alt=""
                                width="8"
                                height="8"
                                style="width:8px;height:8px;"
                              />
                            <!--<![endif]-->
                          </td>
                          <td style="padding-left:8px;padding-bottom:12px; font-size:14px;">
                            Получение решения по объекту
                          </td>
                        </tr>
                        <tr>
                          <td align="middle" style="padding-bottom:22px;">
                            <!--[if gte mso 9]>
                              <img
                                src="data:image/jpeg;base64,{hash}"
                                alt=""
                                width="8"
                                height="8"
                                style="width:8px;height:8px;"
                              />
                            <![endif]-->

                            <!--[if !mso]><!-->
                              <img
                                src="data:image/jpeg;base64,{hash}"
                                alt=""
                                width="8"
                                height="8"
                                style="width:8px;height:8px;"
                              />
                            <!--<![endif]-->
                          </td>
                          <td style="padding-left:8px;padding-bottom:22px; font-size:14px;">
                            Сделка
                          </td>
                        </tr>
                      </tbody>
                    </table>
  • Вопрос задан
  • 17 просмотров
Пригласить эксперта
Ответы на вопрос 1
alinax
@alinax
<table align="center" border="0" cellpadding="0" cellspacing="0">
                                    <tr>
                                        <td align="center" style="color: #03bf03; padding-right: 20px">
                                            &bull;
                                        </td>
                                        <td align="center" style="color: #fff">
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Esse, est.
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="center" style="color: #03bf03; padding-right: 20px">
                                            &bull;
                                        </td>
                                        <td align="center" style="color: #fff">
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Esse, est.
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="center" style="color: #03bf03; padding-right: 20px">
                                            &bull;
                                        </td>
                                        <td align="center" style="color: #fff">
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Esse, est.
                                        </td>
                                    </tr>
                                </table>
Ответ написан
Ваш ответ на вопрос

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

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