2

Подскажите пожалуйста, имеется задача перевести psd в HTML, но есть уточнение, что CSS не нужен. После сказано что делать это надо в Mailjet. Собственно вопрос: как же я без CSS это сделаю? мне просто необходимо стили вписывать в HTML файле? правильно я понял? или вовсе без них обойтись? Кто знающий, подскажите!

4
  • 2
    ну так почитайте сначала о верстке писем, Вас видимо просят сверстать именно письмо (рассылку), а не простой макет.
    – SVE
    9 апр 2017 в 7:10
  • Это ясно, просто как я онлайн добавлю например файлы в html? 9 апр 2017 в 7:11
  • не понятно о каких файлах идет речь, письмо это один html файл с инлайновыми стилями. А заливать это уже особенности ресурса. Думаю есть туториалы по тому как залить туда файлы или код.
    – SVE
    9 апр 2017 в 7:19
  • Теперь вроде бы понял. ПРосто наотрез сказали "без CSS", я и сижу в недоумении...спасибо) 9 апр 2017 в 7:20

1 ответ 1

3
<table border="0" cellpadding="0" cellspacing="0" style="margin:0; padding:0" width="100%">
  <tr>
    <td align="center">
      <center style="max-width: 600px; width: 100%;">
       <!--[if gte mso 9]>
<table border="0" cellpadding="0" cellspacing="0" style="margin:0; padding:0"><tr><td>
<![endif]-->
<table border="0" cellpadding="0" cellspacing="0" style="margin:0; padding:0" width="100%">
  <tr>
    <td>
        <!--[if gte mso 9]>
        <table border="0" cellpadding="0" cellspacing="0">
        <tr><td align="center">
               <table border="0" cellpadding="0" cellspacing="0" width="300"     align="center"><tr><td>
        <![endif]-->

        <!-- Блок номер 1 -->
         <span style="display:inline-block; width:300px;">
             Контент блока
         </span>
        <!-- Блок номер 1 -->
 <!--[if gte mso 9]>
 </td></tr></table>
 </td>
 <td align="center">
 <table border="0" cellpadding="0" cellspacing="0" align="center"><tr><td>
 <![endif]-->
        <!-- Блок номер 2 -->
         <span style="display:inline-block; width:300px;">
              Контент блока
         </span>
        <!-- Блок номер 2 -->
        <!--[if gte mso 9]>
        </td></tr></table>
        </td>
        </tr></table>
        <![endif]-->
            </td>
        </tr>
      </table>
    <!--[if gte mso 9]>
</td></tr></table>
<![endif]-->
     </center>   
    </td>
  </tr>
</table>

Подбробное описание верстки писем

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.