WhatIsHTML
-
Posts
81 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by WhatIsHTML
-
Обнаружил проблему. Письмо "ломается" при переотправке с одной почты на другую. Цепочка следующая : я отправляю на мыло А, оттуда оно перенаправляется еще на письмо Б. На письме Б появляются огромные пробелы вверху и внизу тела письма. Коричневая граница - самый верхний контейнер. Где-то натыкался на проблему, что при переотправке письмо ломается, но не могу найти. Можно это как-то исправить? Наверное плохо гуглил, ткните носом в тему.
-
Не заметил.
-
На скриншоте не мое творение, а их. Это один из стандартных шаблонов. Скорее всего проблема в медиа запросах. У них они помещаются в <style>, который в свою очередь помещается в <body> (не в <head> как обычно). А Gmail вырезает все, что лежит между <style> (не важно где эти стили, в <body> или в <head>). Ведь inline media никак же не встроить?
-
омг, я никогда не использовал дополнительные программки. Всегда прямо с сайта читал почту. Ладно, по теме. Сел разбирать Foundation Email Framework. Все просто и понятно и круто, на первый взгляд. Но отправляю письмо на gmail, открываю его на Андроиде и вижу такое... В общем, не годится он для разработки адаптивных писем (а на сайте обещали то!). Отдельные классы удобно использовать, но что касается сетки, то лучше делать ее самому. Ну или может есть еще какие-то инстурменты
-
Возможно, но с ними намного легче) По поводу тестирования вопрос частично решил. На Mailchimp можно тестировать отправку письма по заданному адресу. Вставил хтмл, ввел адрес и отправил. Минус в том, что приходится заводить дополнительные ящики. А вот тестирование на мобильных устройствах по прежнему непонятно. У меня Android, но по статистике на IPhone открывают почту гораздо чаще чем в любом другом почтовом сервисе. Как тестировать для него? Может кто-то знает.
-
Делал задание по верстке email рассылки. Единственная проблема возникла с тестированием. 1. Я не знаю где и как можно проверить отображение на разных почтовиках. Знаю есть сайт litmus, но для бесплатного тестирования там только 3 почтовика (gmail, iphone 6s, outlook 2013). Хочется быть более уверенным, когда отправляешь письмо заказчику, что оно тебе не будет снится по ночам и заказчик не будет вспоминать тебя трехэтажными словами. Еще вопрос по поводу media запросов. 2.Можно ли их использовать? Вот тут campaignmonitor написано за 19.09.2013 Проверял письмо еще вот здесь . На media запросы никак не реагировало, поддержка написана 97%. Только вот запросы эти пишу в <head> а сервис после конвертирования их вырезает. 3. Писать стили (запросы) в head по-прежнему нельзя? 4. Как быть тогда с адаптивностью?
-
Пытался определить с помощью онлайн инструментов, но не смог. Что за шрифт?
-
Они могут следить за тобой через интернет, ведь для этого они его и придумали! Теперь они знают, что ты знаешь о их замысле и с учетом этого подстроят свою стратегию.Зачем, зачем ты это написал? Отныне отправка писем только через голубей!
-
Точно! Добавил кодировку и тепер все отправляется нормально. Я читал еще об этом, но как-то по невнимательности забыл дописать. Спасибо огромнейшее! <?php if($_POST['submit']) { $headers = "MIME-Version: 1.0" . "\r\n"; $headers .= "Content-type:text/html;charset=iso-8859-1" . "\r\n"; $name = substr(htmlspecialchars(trim($_POST['name'])), 0, 1000); $phone = substr(htmlspecialchars(trim($_POST['phone'])), 0, 1000); $from = substr(htmlspecialchars(trim($_POST['email'])), 0, 1000); $message = substr(htmlspecialchars(trim($_POST['message'])), 0, 1000000); $to = '';// your email here mail($to, $name, $message, $headers); if(mail($to, $name, $message, $headers)){ echo "string"; } else{ echo "error"; } } ?>
-
Я его стер просто =) В реальном примере указывал
-
Здравствуйте! На странице html есть простая форма <form class="contact_form" name="mail" method="post" ectype="text/plain" action="file.php"> <div class="message"> <div class="col-md-6 col-sm-6 grid_6 c1"> <input type="text" class="text" value="Name" name="name" placeholder="Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name';}" required> <input type="text" class="text" value="Email" name="email" placeholder="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}" required> <input type="text" class="text" value="Phone" name="phone" placeholder="Phone" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Phone';}"> </div> <div class="col-md-6 col-sm-6 grid_6 c1"> <textarea name="message" placeholder="Message" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Message';}" required>Message</textarea> </div> <div class="clearfix"></div> </div> <input type="submit" name="submit" class="more_btn" value="Send Message">Файл, который обрабатывает форму <?php if($_POST['submit']) { $name = substr(htmlspecialchars(trim($_POST['name'])), 0, 1000); $phone = substr(htmlspecialchars(trim($_POST['phone'])), 0, 1000); $from = substr(htmlspecialchars(trim($_POST['email'])), 0, 1000); $message = substr(htmlspecialchars(trim($_POST['message'])), 0, 1000000); $to = '';// your email here mail($to, $name, $message, 'From:'.$from); } ?> Результат после нажатия : выводится строка "string". Если я все правильно понимаю, то это означает, что форма отправилась. Но в почте пусто, ни в папке спам его нету. Указывал реальный эмейл, даже три разных (@gmail,@hotmail,@i.ua). На всех трех ящиках пусто, спама нету. В чем проблема? Читал про phpmailer, но не получилось его настроить. Если кто-то сможет адаптировать под него, буду признателен. Но возможно как можно настроить этот код, чтобы он нормально отправлял письма? Задача вроде не сложная, но я PHP последний раз открывал лет 5 назад.
-
Классная штука)
-
Ах этот флекс, пытался ним сделать, но не осилил. Спасибо
-
Уже перебробовал много методов и сам сидел мучился, но так ничего и не получается. В примере из-за того, что картинки разные по размеру, колонки получаются разные по высоте. Сделать колонки одинаковой высоты вроде как и не проблема. Проблема в том, что не знаю как выровнять по вертикали картинки, чтобы отступы сверху и снизу между ними были одинаковые в одной колонке. Может решение совсем простое? https://jsfiddle.net/4p05m9cj/ P.S. Добавил внизу футер и желтый фон для наглядности. https://jsfiddle.net/4p05m9cj/2/
-
Мне непонятно, как принято в мире : картинки заблаговременно подготавливают с одинаковым размером (соотношением сторон) для слайдера или ожидается, что верстальщик сам подстроит слайдер так, чтобы разные картинки не ломали высоту? При условии, что заказчик ничего не указывал. Вот просто задача сделать слайдер и все.
-
Спасибо всем, кто откликнулся. Я сделал по этой статье. Желтый фон для наглядности прозрачности https://jsfiddle.net/z91cw96f/6/
-
Мне непонятно, как принято в мире : картинки заблаговременно подготавливают с одинаковым размером (соотношением сторон) или ожидается, что верстальщик сам подстроит слайдер так, чтобы разные картинки не ломали высоту? Если накидать разных по соотношению сторон картинок в слайдер, то слайдер будет меняться по высоте, поскольку будет подстраиваться под высотку картинки. Пытался сделать второй вариант, но не знаю насколько он хорош. Слайдер занимает всю высоту экрана. Для слишком больших экранов можно поставить ограничение по высоте, также как и для маленьких. Но это скорее хак, чем нормальное решение. Подключать отдельный слайдер не хочется, чтобы не грузить сайт. https://jsfiddle.net/p1nt8p5m/
-
Хочу сделать вот такой кружок. Додумался до такого (возможно есть способ попроще?). https://jsfiddle.net/z91cw96f/2/ Но проблема в том, что не могу нормально отцентрировать внешний круг относительно внутреннего. Помогите, пожалуйста Если максимально приблизить, то круг видно более-менее по центру, но если максимально удаляться, то внешний круг сильно смещается.
-
как растянуть картинку на всю доступную ширину блока?
WhatIsHTML replied to F4rr3LL's question in HTML Coding
Еще как вариант,но флексом получше https://jsfiddle.net/8bb3wh6L/1/ -
как растянуть картинку на всю доступную ширину блока?
WhatIsHTML replied to F4rr3LL's question in HTML Coding
а где картинка , которая идет после? p:after P.S. Меня вопрос поставил в тупик. Может завтра соображу, а выше писали о флексе. Я не знаю, что это за способ, но наверное поможет) P.P.S Поищите flexbox css. Вот тут что-то о нем пишется http://html5.by/blog/flexbox/ -
как растянуть картинку на всю доступную ширину блока?
WhatIsHTML replied to F4rr3LL's question in HTML Coding
Можно закинуть на какой-то хостинг картинок и в код вставить прямую ссылку на картинку. -
Делал для себя. Любая аргументированная критика приветствуется. Макет сделан для ширины 1600 и 640. Может подразумевалась фиксированная ширина, но я сделал резину. Для того, чтобы удобнее было смотреть на мобильном, я добавил немного от себя. 1. Модифицировал меню. Оно кликабельное, происходит переход к соответствующим секциям. Возможно стоит совсем убрать Login, Sign up. Они не очень логично смотрятся (?) 2. Главный баннер является одновременно слайдером. Возможно поменяю эффект на fade, а не slide. 3. Главный баннер подстраивает свою высоту под высоту экрана, чтобы сильно не растягивать в высоту страницу. И сразу же заметил ошибку. Если на смартфоне смотреть в альбомном режиме, то баннер сильно обрезается и кнопку "Get Started" не видно вообще. Можно поставить что-то типа min-height : 500px, но не уверен. (?) 4. Все рецепты кликабельны. По нажатию появляется модальное окно со слайдером. Слайдер рабочий, а не двигается он из-за того, что там только одна картинка. На мобильном я убрал эффекты, которые появляются при наведении потому, что с телефона эффект наведения не воспроизвести. 5. В футере добавил кнопку возврата в топ страницы. В мобильном режиме кнопку убрал, чтобы не загромождать пространство. Мелкие косяки, которые еще не успел либо не знал как устранить: - на ширине 640 и меньше, по клику на кнопку выпадающего меню, появляется полоска под кнопкой. Как ее убрать не знаю. - в том же меню на той же ширине, текст "Sign up" съезжает в два ряда. Не знаю почему - блок "Introducing app". При уменьшении экрана, текст наезжает на айфон и становится плохочитабельным. Добавление тени, вокруг текста не помогло - тот же блок. Под надписью "Introducing app" полоска должна располагаться у левого края. - картинки выглядят не очень. Не знаю почему. Изображение айфона немного "надкушенное" снизу, картинки в секции "benefits" тоже выглядят как-то странно (?) Макет : https://www.behance.net/gallery/16951129/FREE-PSD-Multipurpose-Landing-Page Сайт: http://jakeweb.cc.ua/recipes/ Исходники: https://github.com/jakeweb/recipes.git
-
как растянуть картинку на всю доступную ширину блока?
WhatIsHTML replied to F4rr3LL's question in HTML Coding
p:after занимает 100% ширины, поэтому сползает вниз -
Полезно иногда заглядывать в отладчик, короче не хватает закрывающей скобки у ready() Заглядывал, ошибки не было =/ P.S. Оказалось, что не в том файле прописывал.
-
После прокрутки на определенное расстояние должна появится кнопка. Не понимаю в чем проблема, на другом сайте работало без проблем. https://jsfiddle.net/cr4wrbw2/2/