Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 28.05.2017, 08:37   #1
gryshchenko
Новичок
Джуниор
 
Регистрация: 28.05.2017
Сообщений: 1
По умолчанию Верстка email, как сделать button width 100% на mobile и 250px на desktop без @media? - HTML, CSS

Подскажите пожалуйста как сделать ширину кнопки 100% на мобильных устройствах и фиксированную (250px) на больших разрешениях без @media?

Код HTML:
<table class="one-column backgroundInner font" border="0" cellpadding="20" cellspacing="0" width="100%" style="border-spacing:0;" >
    <tr>
        <td style="line-height: 18px; text-align:center;">
            <!-- START BUTTON -->
            <center>
             <!--[if (gte mso 9)|(IE)]>
             <table width="150" align="center">
             <tr>
             <td>
             <![endif]-->
                <table cellpadding="0" cellspacing="0" border="0" >
                    <td class="button_background outer" align="center" style="-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;">
                    <a href="http://www.google.com"  target="_blank" class="button_link button_width button fonts_color1 button_font-size2 ">Learn More</a>
                    </td>
                </table>
              <!--[if (gte mso 9)|(IE)]>
              </td>
              </tr>
              </table>
              <![endif]-->
            </center>
            <!-- END BUTTON -->              
        </td>
    </tr>
</table>
gryshchenko вне форума Ответить с цитированием
Старый 28.05.2017, 14:30   #2
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

По идее флексом можно костыльнуть, но врятли это укладывается в концепцию твоей верстки времен, когда я в школу ходил. Так что подумай в сторону WAP-версии.
UPD: email, не заметил сразу, извини за лишний сарказм.
Конечно флекс тут уже не подойдет. Лучшим решением тут будет выровнять кнопку по центру. А для клиентов, которые понимают media, сделать media.
Alar, верни репу!

Последний раз редактировалось Naive; 28.05.2017 в 15:04.
Naive вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Верстка из PSD в HTML+CSS - бесплатно websetup Фриланс 2 26.03.2013 17:37
Как сделать разметку HTML и CSS для кнопок DrWho HTML и CSS 3 25.05.2012 22:41
фриланс. Javascript+Jquery mobile+HTML+CSS AleksZander Фриланс 0 11.07.2011 00:02
Верстка html без css Witaliy HTML и CSS 3 29.10.2008 20:03