oleg126

Подскажите пожалуйста, есть ли готовое решение такого переключателя? Или как он называется, что гуглить нужно?) http://wbear.by/uslugi/uborka-kvartir/

Подскажите пожалуйста, как позиционировать элемент на всю видимую область окна браузера? Есть слайдер, в котором крутятся картинки, и есть скрипт, благодаря которому картинка увеличивается, но не могу понять относительно какого элемента он позиционируется. <div class="sl_slider"> <div class="sl_img"> <img class="image" src="img/001-1.jpg" alt="001-1"> </div> <div class="sl_img"> <img class="image" src="img/002-2.jpg" alt="002-2.jpg"> </div> <div class="sl_img"> <img class="image" src="img/001-1.jpg" alt="001-1"> </div> <div class="sl_img"> <img class="image" src="img/002-2.jpg" alt="002-2.jpg"> </div> <div class="sl_img"> <img class="image" src="img/001-1.jpg" alt="001-1"> </div> <div class="sl_img"> <img class="image" src="img/002-2.jpg" alt="002-2.jpg"> </div> </div> .popup { position: absolute; height:100%; width:100%; top:0; left:0; display:none; text-align:center; } .popup_bg { background:rgba(0,0,0,0.4); position:absolute; z-index:1; height:100%; width:100%; } .popup_img { position: relative; margin:0 auto; z-index:2; max-height:94%; max-width:94%; margin:1% 0 0 0; } В классе popub выводится и позиционируется изображение, но как можно прописать его позиционирование на видимую обасть браузера? Решил position: fixed; у классов .popub_bg и .popub_img и margin выровнять как нужно. Может кому пригодится.

Подскажите пожалуйста, как в паттерне выше сделать следущее, +375(yy)xxx-xx-xx Конкретно что бы в yy были заданные сочетания кодов, и ничего более. к примеру +375, далее пользователь вводит код yy (44 либо 29) и далее свой телефон в xxx-xx-xx

Нашел как сделать, может кому пригодится pattern="\+375\s?[\(][0-9]{2}[\)]{0,1}\s?\d{3}[-]{0,1}\d{2}[-]{0,1}\d{2}"

Доброго времени суток, подскажите пожалуйста, есть форма, в которой есть два поля, одно для имени, другое для телефона. На каждом из них есть паттерн, для первого поля просто символы, для второго просто цифры в формате. Сейчас это выглядит так: pattern="80[0-9]{2}[0-9]{7}" И получается что пользователь должен ввести значение 80ххххххххх. Но так не сильно удобно читается, как этот паттерн переделать, что бы можно было вставить скобки? Примерно так 80(хх) ххх-хх-хх А в идеале в таком формате +375 (хх) ххх-хх-хх Но почему то если я просто так добавляю эти значения вручную, паттерн вообще не работает и пропускает все подряд!? pattern="+375([0-9]{2})[0-9]{3}-[0-9]{2}-[0-9]{2}"

Спасибо

Да, все есть, ничего не менялось https://jsfiddle.net/ah821jq4/4/ Тут собственно между заголовком и кнопкой была картинка, сейчас ее нету почему то.

Подскажите пожалуйста, была написана landing page, достаточно давно, и сегодня заметил что пропала картинка. Раньше все было ок, а сегодня она пропала, и на самом сайте, и собственно на компьютере если запустить тоже ее нету. Что такое могло произойти? Код примерно такой. <header class="header"> .... </header> .intro{ background-image: url("../img/header_bg.png") center no-repeat/cover; height: 400px; background-size: 97% auto; }

Так форма отправки уже есть, просто в ней наверное не реализована эта функция, и бывает что пользователи по ошибке нажимают отправить, и уходит пустое сообщение. Хотелось уже для данной формы добавить эту проверку.

Доброго времени суток, подскажите пожалуйста, есть на сайте два поля и кнопка для отправки информации в телеграм. Как можно сделать так, что бы если поля пустые, то кнопка не срабатывала, или если это просто, то всплывало сообщение что поля не заполнены. В идеале, если бы была валидация, что в поле имя, можно было вводить только буквы, и в поле телефон цифры, 7 цифр. В скриптах я не разбираюсь, поэтому если есть какое готовое решение, буду благодарен. Использовал для отправки формы это https://github.com/digitalBush/jquery.maskedinput <form method="post" action="telegram_phone_form.php"> <span class="phone_form_close" onclick="show('none')"></span> <label for="">Ваше имя:</label><br> <input type="text" class="phone_form_input" id="" name="user_name" placeholder="Иван"><br> <label for="">Ваш номер телефона:</label><br> <input type="text" class="phone_form_input" id="phone_form" name="user_phone" placeholder="+375 (29) 000 00 00"><br> <button type="submit" class="phone_form_button">Отправить</button> </form>

В том то и проблема, что в скриптах я не шарю, и мне трудно как то все это разобрать, поэтому и написал, что решения я так и не нашел)

А как это поправить не подскажете? Я просто уже все что хзнаю перепробовал, что хотя бы гуглить?)

Подскажите пожалуйста, почему при выборе в пункте меню ссылки, она не переходит в нужное мне место на странице? https://jsfiddle.net/wg6t51zL/

https://codepen.io/anon/pen/VRaWwz

Доброго времени суток, давно не делал сайты, по работе пришлось сделать. Сделал простенько, но явно есть не правильные моменты. Подскажите пожалуйста где они, ну и собственно как их исправить!? Desktop.rar

Так а если у меня к примеру есть вот такая ситуация: Видно, что на макете при наведении на картинку, картинка сама заливается полупрозрачным цветом. Как поступить тогда в таком случае? Рисовать те же самые картинки с затемнением и при наведении на нее менять ее через :hover? Помоему так не правильно!? Или вообще можно было делать это как то по другому? Не через img?

Подскажите пожалуйста, почему не работает прозрачность? Смысл такой, у меня есть картинка фоновая и я хочу сделать прозрачность, но почему то не работает!? .get_in_touch{ background: url(../img/your_project_img.png) no-repeat top /cover; padding: 90px 0 40px 0; background-color: rgba(255,0,0,0.75); } <section class="get_in_touch"> <p>Do you like <span>our work</span> so far?<br> Let's talk about <span>your project</span>!</p> <a class="button" href="#">Get in Touch</a> </section> .get_in_touch{ background: url(../img/your_project_img.png) no-repeat top /cover; padding: 90px 0 40px 0; background-color: rgba(255,0,0,0.75); } .get_in_touch p{ font-size: 30px; font-family: Roboto Slab; color: #fff; text-align: center; } .get_in_touch p span{ text-transform: uppercase; } Для полноты картины ...

Подскажите пожалуйста, как сделать то же самое, но более оптимизировано и правильно. Мне кажется что тут лишние див'ы и можно было сделать проще!? https://jsfiddle.net/dd36susm/

Подскажите пожалуйста, я поместил на сайт слайдер, но он получается при пролистывании страницы выше чем меню. Если в классе slider написать z-index: -1, то тогда все становится как надо, но только пункты для пролистывания в слайдере перестают работать. Можно ли как то исправить по другому? http://sms.velvetby.com/

https://jsfiddle.net/qtngk9h7/1/ вот наглядно показал

нет, фиксированная только ширина, высоты нету вообще в свойствах. У меня есть два блока, у них есть margin, так вот он между друг другом работает, но блок родитель растягивается так, будто этого margin нету. Т.е. он растянулся и у него есть высота, но в первом и последнем блоке не хватает отступов!

Подскажите пожалуйста, как сделать, что бы при добавлении новых блоков в блок родитель, высота его так же менялась!? По ссылке сайт, там есть wrapper, и при добавлении новых блоков, почему то сверху и снизу в первом и последнем блоке нету отступа!? http://rghost.ru/8dnbK6TYB

а как установить такую же полоску, но только внизу экрана?

давно не работал уже, немного туплю)

ну там под полоской есть пункты меню, их не видно, т.к. сверху получается полоска, которая перемещается с прокруткой. Нужно что бы те пункты меню были сверху полоски, и перемещались вместе с ней.