HTML Coding

29,542 questions in this forum

1. Показать input при конкретном option

   Есть код <select> <option value="1">One</option> <option value="2">Two</option> </select> <input type="text" name="unnamed" /> Возможно ли в 2017 году сделать, чтобы input был виден только при выбранном <option value="2">, исключительно с помощью CSS? Трюк с чекбоксом не выходит - <label for=""> в выпадающем списке браузеры (тестил в FF) игнорируют.

   Asked by 7ion, July 9, 2017

   0 votes
   3 answers
2. Accordion не скрывает текст

   Добрый вечер уважаемые форумчане. Подскажите пожалуйста, где проблема? <div class="container"> <div class="row"> <div class="col-md-3"> <div id="accordion" class="panel-group"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a href="#collapse-1" data-toggle="collapse">Открыть</a> </h4> </div> <div id="collapse-1" data-parent="#accordion" class="panel-collapse collapse"> <div class="panel-body"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> </…

   Asked by Hazzed, July 9, 2017

   • accordion
   0 votes
   3 answers
3. Галерея Simple lightbox на телефоне

   Проблема со скриптом плагина simple lightbox. Самой решить не удалось. Подскажите направление, пожалуйста. Сайт http://borodin-art.ru/ Когда с мобильного устройства нажимаешь на фото, оно открывается во всплывающем окне. Но когда я пытаюсь фото там увеличить растягиванием (двумя пальцами), то не получается. Наверное, из-за того что через свайп работает переход к предыдущему и следующему фото? Это между собой как-то конфликтует может? Или запрет стоит... Что обычно делают в таких случаях? Или проще плагин другой найти? Если что, вот урл скрипта http://borodin-art.ru/js/simple-lightbox.js

   Asked by Svetlana_P, July 11, 2017

   • js
   • галерея
   0 votes
   3 answers
4. Регулярные выражения для проверки телефона вводимого в форму

   Добрый день. Помогите решить вопрос. Как сделать проверку номера телефона в форме. Так что бы первыми символами были либо +7 либо 8. Т.е. что бы форма одинаково пропускала как +7-9хх-ххх-хх-хх так и 8-9хх-ххх-хх-хх. Пробовал запись типа <input type="tel" name="tel" pattern="[+78]-9[0-9]{2}-[0-9]{3}-[0-9]{2}-[0-9]{2}">, при такой записи пропускает запись +-9хх-ххх-хх-хх. А так быть не должно. В общем реально ли это сделать средствами регулярных выражений для форм или же только javascript?

   Asked by ootypooty, July 12, 2017

   0 votes
   3 answers
5. Векторная графика

   Здравствуйте. Вопрос к практикующим верстальщикам. Учусь делать верстку, появился такой вопрос. Обязательно ли всю графику делать векторной из макета? Какую именно графику делать векторной или всю? Используете ли для этого платные сервисы? Спасибо!

   Asked by melissia, July 22, 2017

   • векторная графика
   0 votes
   3 answers
6. Можно ли уже выходить на работу фрилансером?

   Доброго времени суток. Есть базовые знания css/html могу сделать верстку по PSD макету с нуля, адаптивно. Вопрос в том, можно ли с таким уровнем знаний выходить работать на фрилансе за копейки до 500рублей за заказ? Нужно набирать опыт. Или лучше пока тренироваться на паблик макетах? p.s. В процессе изучения JS. Может лучше сначала изучить еще и JS и только после этого брать заказы?

   Asked by Crushing, July 22, 2017

   • фриланс
   0 votes
   3 answers
7. Проблема с высотой сайта

   Добрый день, помогите пожалуйста решить проблему верстки странички, а именно .aside и .article не хотят занимать полностью оставшуюся для них высоту. В макете используется также sticky footer. https://jsfiddle.net/ofvdp3q3/1/

   Asked by Kenshi24, July 25, 2017

   0 votes
   3 answers
8. Проблема с переносом подчеркнутого текста

   Как сделать, чтобы при переносе подчеркнутого текста это подчеркивание не съезжало вниз (см. картинку), а фиксировалось под словами? Для примера желаемый вариант выглядел бы как "Описание Описание Описание Описание Описание"

   Asked by DmitriyS, July 28, 2017

   0 votes
   3 answers
9. Как создать подобный ввод email?

   Здравствуйте,все никак не могу понять как правильнее реализовать данную форму? Как видите рамки ссылки(по совместительству кнопка) несколько больше рамок поля, притом, что размеры их рамок, высота поля и ссылки одинаковы. Вообще такое ощущение,будто это одно поле, но каким-то образом разделенное, но не понимаю как. Я же "лепил"их с помощью отрицательного марджина ссылки.

   Asked by WebNewbe, July 30, 2017

   • html
   • css
   0 votes
   3 answers
10. Наставничество

    Всем привет! Обращаюсь к старшим коллегам. Мне очень нужен наставник. Так как не знаю, куда двигаться дальше, правильно ли написан мой код, да и вообще то ли я делаю... У меня есть познания в верстке(HTML, CSS, Sass, Bootstrap), немного знаю о PHP и JS. Но очень часто встречаются моменты, когда нужно спросить совета, а обратиться не к кому. Я не прошу, чтобы со мной нянькались как с маленьким ребенком, просто нужен человек, который поможет наметить план действий, по которому я буду идти и с которым можно будет иногда советоваться. За ранее благодарен!)

    Asked by Igor_Dp, July 31, 2017

    0 votes
    3 answers
11. background-attachment

    https://www.w3schools.com/cssref/pr_background-attachment.asp Непонятки с local и initial А webdeweloper от firefox выдает еще и unset Зачем они нужны? Если можно с примерами. Спасибо!!!

    Asked by torsar, August 3, 2017

    • background-attachment
    0 votes
    3 answers
12. Как перевести пикселы в rem?

    Здравствуйте! Как перевести padding и щрифт из пикселей в единицу измерения rem?

    Asked by tigrus2014, August 4, 2017

    0 votes
    3 answers
13. Подскажите как сделать такой слайдер

    Здравствуйте подскажите как сделать такой слайдер.Чтобы активный вылетал вперед, это я понимаю на актив меню. Только css нужно делать?У меня например в вёрстке 10 элементов.Показываются 5 как на картинке, но 1 и последний должен быть такого размера и с z-index.В общем только css можно сделать.Либо в слайдере есть какие либо опции? https://gyazo.com/fa6bd54d98ebda1be6efd19325418d8a И вообще как лучше сделать,спасибо

    Asked by maxi5, August 7, 2017

    • слайдер
    • как сделать
    0 votes
    3 answers
14. Как тестировать адаптивность в браузере Fire Fox

    Здравствуйте! У меня такой вопрос. При начальном тестировании адаптивного сайта использую браузер Fire Fox, то есть-открыть меню->разработка- >адаптивный дизайн. Можно сворачивать-сжимать окно браузера и в левом углу в поле устанавливать размер окна, в который можно вводить нужный размер. Всё это хорошо, но вот только я видел в уроке такое, что при сжимании окна появляется подсказка размера, который имеет браузер при сжимании-растягивании окна браузера и автор видит, на каком размере находится точка, где нужно ставить медиа запрос. Проблема в том, что у меня в браузере нет такой подсказки, как не искал. Может кто-то знает, как настроить браузер?

    Asked by tigrus2014, August 9, 2017

    0 votes
    3 answers
15. hover эффект для меню

    То о чем я говорю представлено на скриншоте. Через padding-top по пикселям делал, как-то неудобно получается. Есть ли еще варианты?

    Asked by WebNewbe, August 19, 2017

    • html
    • css
    • javascript
    • верстка
    0 votes
    3 answers
16. Задание фиксированной высоты блока в две строки

    Здравствуйте! Есть страница с блоками такого плана. Эти блоки размещаются один за одним в ряд. <div class="item" style="width:300px;float:left;"> <div class="item-img"> <img src="" style="height:140px" /> </div> <div class="item-name"> <a href="#">строка текста<a/> </div> <div class="item-params"> <!--html--> </div> <div class="item-buttons"> <!--html--> </div> </div> Ширина блока строго фиксирована. В зависимости от длины текста в теге <a> (блок .item_name) он размещается в одну или в две строки. Из-за этого div'ы, следующ…

    Asked by akerbat, August 26, 2017

    0 votes
    3 answers
17. Как реализовать подобную секцию?

    Подскажите как правильно такое нарисовать? Может быть canvas? Пробовал на нем, но линия какая-то размытая получается и не знаю как в произвольных точках этой кривой рисовать круги Возможно за это отвечает какой-нибудь jquery плагин? Вот скриншот http://www.fotolink.su/v.php?id=03b5a0c45dd734ab866094f13307e8a5

    Asked by WebNewbe, August 31, 2017

    • html
    • css
    • js
    • верстка
    0 votes
    3 answers
18. Помогите новичку

    Моя проблема такова я хочу сверсать свой первый сайт, я сделал меню, но оно странно отображается, необходимо чтобы все пункты отображались одной строкой <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Новости обо всем</title> <link href="css/style2.css" rel="stylesheet" type="text/css"> </head> <body> <header> <div id"logo"> Имя </div> <div id="menuHead"> О нас </div> <div id"regAuth"> Войти Зарегистрироватьс…

    Asked by MracoBess, September 2, 2017

    • css
    • html
    • меню
    0 votes
    3 answers
19. Ищу аналог deviceponsive.com

    Всем привет, Подскажите, пожалуйста удобный аналог http://www.deviceponsive.com/ для тестирования верстки на разл девайсах Спасибо!

    Asked by mstdmstd, September 4, 2017

    0 votes
    3 answers
20. Порекомендуйте видео по bootstrap 3

    Порекомендуйте пожалуйста статьи или видеоуроки по bootstrap.

    Asked by ErUnDAK, September 4, 2017

    • bootstrap 3
    • html
    • css
    0 votes
    3 answers
21. Как сделать адаптивным такой блок?

    Как сделать так, чтобы этот блок уменьшался по ширине экрана? На обычном ПК он максимально 960px в ширину. Я сделал изображение через тег <img> с шириной 100%, а блок с кружками со свойствами position: absolute; top: 50%; margin-top: -78px; right: 1.2%; width: 100%; Сами кружки прописаны так: margin: 0 0.9%; float: right; Но они сильно съезжают влево с фона при уменьшении разрешения. Как их оставить на своем месте и уменьшать динамически? Т.е. чтобы кружки (и их отступы) уменьшались вместе с блоками Вот что при уменьшении случается:

    Asked by iBars, September 4, 2017

    • блок
    • div
    • адаптив
    • responsive
    0 votes
    3 answers
22. Ошибка на сайте

    Когда открываешь сайт на iphone, размер окошко инстаграм отображается с ошибкой, окошко больше экрана, появляется прокрутка вправо, на остальных устройствах все хорошо, помогите плиз

    Asked by korifa, September 10, 2017

    • css
    • html
    • retina
    • iphone
    0 votes
    3 answers
23. <button> отправить форму и остаться на странице

    Подскажите решение, пожалуйста. Есть среди ответов форума вариант onclick="window.open('https://myurl')" но будет ли это валидно в моём случае?

    Asked by seemax, October 15, 2017

    0 votes
    3 answers
24. Пространство между блоками

    Здравствуйте, я столкнулся с проблемой. Это белое пространство между header center footer, подскажите как убрать? (P.S Начинающий веб-разработчик, учиться начал 2 недели назад) index.html style.css

    Asked by MegaZalupas, September 13, 2017

    0 votes
    3 answers
25. Секция со скрученным фоном

    Помогите пожалуйста, никак не пойму как выполнить это решение дизайнера (Не знаю как правильно). Данную секцию вынес в отдельный PSD-файл . Если кто-то захочет сверстать, контент не нужно наполнять (текст, девайсы). Меня интересует больше полоса посередине, и ее наклон. Большое, человеческое, Спасибо! p.s Какой месяц подряд у меня не загружаются вложения .. Поэтому ссылка на сторонний ресурс, там и psd, и jpg превьюшка. p.s.s Знаю что можно сделать на псевдоэлементах, трансформах, канвасах .. Но, лучше один раз увидеть правильное решение.

    Asked by Hasiev, September 21, 2017

    0 votes
    3 answers