HTML Coding

29,542 questions in this forum

1. Несколько tooltip на одной странице. Как реализовать на чистом JavaScript

   Здравствуйте! Имеется несколько дивов на одной странице. Внутри каждого дива скрытый tooltip в виде текста в span. Подскажите, пожалуйста, как на чистом JavaScript реализовать следующее - при клике на div.retailer-item должен открыться скрытый В НЕМ span.tooltip-content. https://jsfiddle.net/ak1jbt5x/1/ Заранее благодарен за помощь!

   Asked by volshebnyi, January 12, 2017

   0 votes
   6 answers
2. Help:Запись выбранных элементов в отдельный блок

   Доброго времени суток. Такой вопрос, как из списка элементов с множетсвенным выбором <select multiple> <option>Пункт 1</option> <option>Пункт 2</option> <option>Пункт 3</option> <option>Пункт 4</option>< </select> Сделать так, чтобы выбранные элементы записывались в отдельный div. Спасибо.

   Asked by imakhortykh, May 27, 2016

   0 votes
   6 answers
3. Проблемма с header в Mozilla

   На картинке видно что Chrome все красиво, а Mozilla исказила картинку, растянув ее высоту. Из-за этого съехало меню вверх, т.к. оно привязано в высоте header. в стилях я прописал .header img{max-width: 75vw; Chrome после того как растягивает картинку для хидера правильно масштабирует ее по высоте, а Mozilla после растягивания высоту масштабирует некорректно. Если сделать .header img{width: 75vw; то все красиво в обоих, в полноэкранном просмотре хидер через чур растянут, мне не нравится Пробовал подсовывать префикс для Mozilla -moz-max-width: 75vw; она это не скушала. Как победить? ссылка на сайт http://nakhodka.h1n.ru/ зац…

   Asked by Alex_, June 1, 2016

   0 votes
   6 answers
4. Свои стили checkbox без id

   Доброго времени суток. Есть checkbox со своим стилем, я находила, как это сделать через id в input и for в label. Можно ли сделать свой checkbox без id, а через class или js? Вот пример моей реализации >.< https://jsfiddle.net/u3Lxgxga/5/

   Asked by Mary_RND, June 2, 2016

   0 votes
   6 answers
5. баг высоты svg

   Доброго времени суток экспертам и профи) Проблема такая.. Имеем на странице svg размерами 1000х1138 <img src="images/logo.svg" alt=""> для img задана img { max-width: 100%; } Находится img в нужном блоке и сжался до 92 пикселей в ширину.. с ней проблем нет, а вот высота просто огромная. В основных браузерах всё ок. Проблема в сафари. Точнее неправильное вычисление высоты. Читал на стак-оверфлоу и гугле, что это баг браузера.. Вопрос в следующем - есть ли оптимальный способ устранения данного бага ?

   Asked by Q4Dizzy, June 13, 2016

   • svg
   0 votes
   6 answers
6. Неправильный вид кнопок на устройствах IOS

   Добрый день, проблема в том, что на устройствах IOS кнопки на сайте, который я разрабатываю выглядят совсем иначе. Проблема актуальна для всех устройств с IOS. На Андройде выглядит как на скрине. Спрашивал двух знакомых front-end'ов, они незнают почему так. Вот сайт: http://finematras.ru

   Asked by Skater, June 29, 2016

   0 votes
   6 answers
7. Помогите с датой публикации

   Помогите чайнику с датой публикации, на странице отображается только слово Опубликовано... http://delicate.dp.ua/keramicheskaya-zashita-laka/ Помогите сделать чтобы дата публикации отображалась нормально Спасибо

   Asked by banks, August 4, 2016

   • дата публикация
   • html
   • posted_on
   0 votes
   6 answers
8. Что такое build:css в html?

   Здравствуйте! Столкнулся с доработкой чужой верстки и увидел такой момент в html: <!-- CSS Theme --> <!-- build:css assets/css/main.css --> <link rel="stylesheet" type="text/css" href="assets/css/main.css" /> <!--<link rel="stylesheet/less" type="text/css" href="assets/css/main.less" /> <script src="assets/js/less.min.js"></script>--> <!-- endbuild --> Подскажите пожалуйста что это за конструкция и что она делает? Поиск по интернету мне ничего не дал, мои догадки, что она сразу формирует css файл из less. Но как это тогда работает и что для этого нужно, было бы полезно знать с…

   Asked by vlasenkov, July 11, 2016

   • весртка
   • html
   • css
   • build
   • build:css
   0 votes
   6 answers
9. Оформление блока

   Здравствуйте, есть блок в котором находится слайдер с поставщиками. Скрытый текст Не могу понять что, но что-то меня в нем очень сильно раздражает и слайдер сам по себе очень сильно выбивается из общей картинки сайта, Теперь сама суть, может кто-нибудь подкинуть идею, как бы его оформить так, чтобы он не выбивался из общей массы сайта? Ссылка на сайт Понимаю, что это и не проблема с кодом или еще что-то, но просто обратиться кроме как к вам форумчане не к кому и не куда. Рассчитываю на какую-нибудь светлую идейку.

   Asked by MadSandwich, July 12, 2016

   • slider
   • css
   • html
   0 votes
   6 answers
10. Возможно ли частично перекрыть элемент, но оставить его видимым для курсора?

    В макете нужно реализовать наложение картинки на меню, но хотелось бы при этом оставить элементы меню доступными для клика полностью, а не частично. Сейчас реализовано так, что доступна только верхняя часть кнопки https://arthurmiko.github.io/shadows_portfolio/ Здесь воспроизведена подобная ситуация и вопрос относительно этого случая. Можно ли как-то оставить серые блоки доступными для курсора, в области их перекрытия синим блоком? Наверняка это можно реализовать с помощью JS, но есть ли способ обойтись HTML/CSS?

    Asked by mikoart, July 13, 2016

    • html
    • css
    • z-index
    0 votes
    6 answers
11. форма с полями ввода в 2 колонки

    Всем привет, В бутстрап верстке делаю форму с полями ввода в 2 колонки вроде : <div class="form-group col-sm-6"> <label class="col-sm-4 control-label">Id</label> <div class="col-sm-8"> <input type="text" name="id" id="id" class="form-control" value="26" size="8" maxlength="8" readonly=""> </div> </div> <div class="form-group col-sm-6 "> …

    Asked by mstdmstd, July 18, 2016

    • bootstrap
    • form-group
    0 votes
    6 answers
12. Организация файлов при вёрстке многостраничника

    Уважаемые профессионалы. Мучает меня один небольшой, возможно даже смешной вопрос. Но лучше буду уверен в том что делаю всё правильно. Допустим есть страница А со своими картинками для спрайтов, и страница В, на которой совершенно другие картинки(ну или часть новых картинок), которые также должны быть сделаны спрайтом. Вопрос - делать отдельный спрайт для страницы А и отдельный спрайт для страницы В?? Или сделать вообще 1 целый для обеих страниц.....(а если страниц к примеру 20?) И ещё - вы обычно делаете отдельную папку для спрайтов, или они расположены вместе со всеми картинками?

    Asked by VeniVidiVici, July 19, 2016

    • спрайты картинки
    • многостраничник
    0 votes
    6 answers
13. адаптивные табы

    Ребят,всем привет!Очень нужна помощь,горят сроки( Заказчик хочет сделать на сайте вот такое http://prntscr.com/bxr0u6 http://prntscr.com/bxr0yj Сверстать то сверстала вроде,но меня не получаются некоторые детали, а именно - табы на десктопе, и галерея на мобилке. помогите пожалуйста разобраться( ссылка на файлы в облаке: https://cloud.mail.ru/public/2rQW/rZqpM38FN макеты также есть в файлах в отдельной папке. Js не нужен,сугубо верстка! Буду благодарна за любую вашу помощь с этой проблемой!

    Asked by yulshaz@mail.ru, July 26, 2016

    0 votes
    6 answers
14. Задать правильную структуру html

    Прохожу онлайн курс от htmlacademy в одном из испытаний было задание сделать сетку по приложенному примеру. Для этого я использовал много блоков с классом .wrap структура вышла не очень привлекательной и не логичной. Можете написать лучшую html структуру (с классами) для этой задачи, где фон некоторых разделов на всю ширину экрана, а контент центрируется или подскажите статью в которой это описано.

    Asked by Lukavis, August 20, 2016

    0 votes
    6 answers
15. Стоит ли использовать мететег keywords?

    Скажите, стоит ли на сайте использовать метатег keywords? На некоторых сайтах пишут что поисковики сейчас просто его игнорируют. На некоторых рекомендуют убрать его вообще так как от него ПС понижают в выдаче.

    Asked by alleclf, September 3, 2016

    0 votes
    6 answers
16. Контролируемый рандом

    Всем привет. Делаю кое-что, и вот понадобилось чтобы генерировалось число(например 9 цифр, без повторений, но с контролируемым повторением 0 в числе(то есть можно указывать количество нулей в числе)), а затем выводить картинки заранее закреплённые за этими цифрами. Даже не знаю с чего начать, подскажите пожалуйста.

    Asked by mrloregood, September 10, 2016

    • html
    • css
    • js
    0 votes
    6 answers
17. При наведении на ссылка подсвечивается по содержимому

    Здравствуйте! Имеется вот такая вот структура - https://jsfiddle.net/oxuefw63/ При наведении ссылка подсвечивается на всю ширину блока. Подскажите, пожалуйста, как сделать, что бы подсвечивалось только слово (содержимое ссылки)?

    Asked by volshebnyi, September 15, 2016

    0 votes
    6 answers
18. Высота заголовка

    Подскажите откуда берется высота заголовка, скриншот прилагается, http://joxi.ru/YmEY4ZQHxN36m6 думаю код здесь не нужен, просто скажите как это высота генерируется!

    Asked by KamZed, October 10, 2016

    • html
    • css
    0 votes
    6 answers
19. Преобразование смешанной строки в число JavaScript

    Здравствуйте! Есть такой вот элемент - <span id="price">2 490 грн</span>. Мне нужно эту строку (2 490 грн) преобразовать в число для дальнейших математических вычислений. То есть сделать из нее 2490. А потом, после математических вычислений вернуть обратно к виду, например - 2 590 грн. https://jsfiddle.net/5t2xrbzo/ Заранее благодарю за помощь!

    Asked by volshebnyi, October 28, 2016

    0 votes
    6 answers
20. Разное отображение в браузерах элемента <select>

    Здравствуйте! Стилизовал элемент select, но, к сожалению, в Firefox практически вдвое увеличивается padiing, а в IE даже дефолтные стрелки выпадающего списка не убираются: https://jsfiddle.net/hhbsorny/3/ Помогите, пожалуйста, разобраться в этом вопросе. Заранее благодарю!

    Asked by volshebnyi, November 1, 2016

    0 votes
    6 answers
21. Подсветка менюшки/ссылки нестандартной фигурой на фоне

    Сабж. Как так сделать? (во вложении изображение - пример) Первое, что приходит на ум, нарисовать картинку - фон и на ней размещать ссылку - менюшку. А может можно div трансфорнуть (css trnsform)? Или есть другие варианты? Подскажите, как?

    Asked by torsar, November 11, 2016

    0 votes
    6 answers
22. Как сделать свой флажок у раскрывающегося списка

    Подскажите, есть ли простой способ изменить стандартный флажок у раскрывающегося списка картинкой стрелочки?

    Asked by hike, November 24, 2016

    0 votes
    6 answers
23. Настройка автозапуска формы заказа на лендинге

    Думаю, что вопрос и ответ имеет место быть, актуален и пригодиться не только мне. Вопрос к знающим людям, так как уровень пока не тот: подскажите пожалуйста как сделать автозапуск формы заказа для клиентов на лендинге через заданное время, либо перенаправление посетителя на определенное место? Пробовал посредством якоря и мета-тега сделать так: <meta http-equiv="refresh" content="5; URL=http://www.мойсайт.ru/#якорь"> но безуспешно. В адресной строке браузера после очередной перезагрузки прописывается путь к якорю, но ничего не происходит. Заранее спасибо откликнувшимся!

    Asked by yura777, December 6, 2016

    • автозапуск
    • форма заказа
    • лендинг
    • якорь
    • перенаправление
    0 votes
    6 answers
24. Выделяется соседний lable при нажатии на кастомный чекбокс

    При нажатии на чекбокс выделяется синим lable периодически. Подозреваю, что проблема в маргине,который задевается при нажатии, но не уверен. Потыкайте сами в чекбоксы на CODEPEN Что скажете?

    Asked by Zesh, November 29, 2016

    0 votes
    6 answers
25. Не работает display:inline-block

    Добрый день друзья. Есть вопрос по поводу верстки, верстаю макет - и в блоке услуг не могу выравнить блоки с видами ремонта в одну линию, задал в hmtl класс, в css - задал отступы и display:inline-block, и ничего не происходит. div class="row"> <div class="col-md-12"> <div class="mc_wrap"> <div class="mc_item_wrap"> <div class="mc_item"> 12345677 </div> <div class="mc_item"> 12345677 …

    Asked by Владимир Горинов, December 7, 2016

    • div
    0 votes
    6 answers