|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
28.05.2017, 08:37 | #1 |
Новичок
Джуниор
Регистрация: 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> |
28.05.2017, 14:30 | #2 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
По идее флексом можно костыльнуть, но врятли это укладывается в концепцию твоей верстки времен, когда я в школу ходил. Так что подумай в сторону WAP-версии.
UPD: email, не заметил сразу, извини за лишний сарказм. Конечно флекс тут уже не подойдет. Лучшим решением тут будет выровнять кнопку по центру. А для клиентов, которые понимают media, сделать media.
Alar, верни репу!
Последний раз редактировалось Naive; 28.05.2017 в 15:04. |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Верстка из 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 |