yaparoff

Табличная верстка. Как сверстать такое

Recommended Posts

Верстаю email-письмо. Использую Foundation. Не получается сверстать таблицей такой блок http://skrinshoter.ru/s/170919/5k7rvQdR
Как его сверстать табличной версткой?

https://codepen.io/yaparoff/pen/vYBzdPm?editors=1000

Edited by yaparoff

Share this post


Link to post
Share on other sites

Две ячейки таблицы, с выравниванием по верху, в левой картинка, в правой текст. Или я что то не понимаю?

Share this post


Link to post
Share on other sites
3 минуты назад, AlexZaw сказал:

Две ячейки таблицы, с выравниванием по верху, в левой картинка, в правой текст. Или я что то не понимаю?

все верно.Но почему то первая ячейка всегда больше чем вторая http://skrinshoter.ru/s/170919/6qCN4vrS 
Пробовал разные вещи - не помогает

Share this post


Link to post
Share on other sites
5 минут назад, yaparoff сказал:

Но почему то первая ячейка всегда больше чем вторая

А пробовал применить к этой ячейке width="сколько_нужно"?

Share this post


Link to post
Share on other sites
2 минуты назад, yaparoff сказал:

Но почему то первая ячейка всегда больше чем вторая

Покажите код. У вас либо где-то заданы ширины ячеек, либо какая-то из ячеек в другом ряду растягивает остальные.

Share this post


Link to post
Share on other sites
3 минуты назад, AlexZaw сказал:

Покажите код. У вас либо где-то заданы ширины ячеек, либо какая-то из ячеек в другом ряду растягивает остальные.

да, конечно
https://codepen.io/yaparoff/pen/vYBzdPm?editors=1000

4 минуты назад, rasmus сказал:

А пробовал применить к этой ячейке width="сколько_нужно"?

да http://skrinshoter.ru/s/170919/ZzwPd46V?a

Edited by yaparoff

Share this post


Link to post
Share on other sites
1 минуту назад, yaparoff сказал:

<tr>
                              <th class="callout-inner primary">
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit repellendus natus, sint ea optio dignissimos asperiores inventore a molestiae dolorum placeat repellat excepturi mollitia ducimus unde doloremque
                                  ad, alias eos!</p>
                              </th>
                              <!--<th class="expander"></th>-->
                            </tr>

Вот эта строка мешает

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Member Statistics

    46,511
    Total Members
    3,128
    Most Online
    Marking
    Newest Member
    Marking
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.