Как я могу создать расширяемые столбцы в электронной почте HTML?

0

Я работаю над двухстрочным HTML-дизайном электронной почты и использую стиль боковой панели в качестве базы (здесь: http://zurb.com/ink/templates.php). Моя проблема заключается в том, что я не могу найти способ, чтобы текстовый столбец расширялся до полной ширины, когда содержимое с правой стороны заканчивается. Пока что независимо от того, что я делаю, я получаю гигантский текстовый столбец слева и пустое место справа, как только материал боковой панели закончен. Как получить левый столбец для полного раскрытия под боковой панелью? Очевидно, что его отзывчивый шаблон и все CSS должны быть встроенными (поскольку Gmail сосет и не читает теги <style>),

Любая помощь очень ценится!

  • 1
    Gmail - это наименьшее из ваших опасений ... есть еще худшие почтовые клиенты, которые до сих пор используются.
  • 0
    @FDL Как и Outlook, по какой-то странной причине они все еще используют движок рендеринга Word :)
Показать ещё 1 комментарий
Теги:
html-table
html-email

2 ответа

0

Теоретически может работать код ниже. Не требуется встроенный CSS.

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
    <td align="left" valign="top">
        <table width="70" align="right" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td bgcolor="#00CCCC">
                    <br>
                    <strong>Sidebar</strong>
                    <br>
                    <br>
                </td>
            </tr>
        </table>
        Elit wayfarers organic single-origin coffee pour-over tote bag. Sustainable Vice blog tattooed, fap twee ea church-key 3 wolf moon quinoa nisi Banksy hashtag. High Life biodiesel sustainable fanny pack. Pop-up meggings photo booth master cleanse in, readymade Echo Park laboris wayfarers cardigan pickled chillwave quis yr. Gastropub pug farm-to-table slow-carb, nostrud Cosby sweater magna kitsch officia gluten-free shabby chic voluptate cardigan actually. Culpa keytar whatever aliqua nisi Neutra. Messenger bag aesthetic asymmetrical, mumblecore disrupt chillwave swag.
        <br><br>
        Austin et street art, semiotics salvia nisi non velit fugiat cornhole laborum freegan polaroid. Trust fund bicycle rights Bushwick, adipisicing twee meh aliquip hoodie irony. Consectetur gastropub flexitarian, art party id Marfa meggings blog freegan banjo chillwave sunt gentrify post-ironic American Apparel. Biodiesel PBR&B swag tote bag stumptown exercitation Tonx, shabby chic consectetur locavore Godard quis. Occaecat VHS Helvetica pop-up synth, accusamus Pitchfork. Chia elit et nihil, yr literally roof party Odd Future PBR&B sartorial duis synth reprehenderit chillwave. Banksy jean shorts chillwave, seitan ex Echo Park PBR Pinterest sriracha forage lo-fi asymmetrical.
    </td>
</tr>
</table>
0

Невозможно полностью выполнить то, что вы просите, и я предполагаю, что это расширение вашего текстового <td> так что потоки текста текут в свободное пространство после того, как боковая панель остановится. <td> всегда имеет одну и ту же ширину в каждой строке, если вы не установите для них атрибут colspan (html). Таким образом, вам нужно просто создать новую строку с colspan=2 на td и разделить текст как можно ближе к тому, где закончится боковая панель.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню