HTML Coding

29542 questions in this forum

1. Не получается установить Gulp less

   Всем привет. При установке выдает такую ошибку npm ERR! request to https://registry.npmjs.org/array-slice/-/array-slice-0.2.3.tgz failed, reason: 2760:error:1408F10B:SSL routines:ssl3_get_record:wrong version number:openssl\ssl\record\ssl3_record.c:210: npm ERR! npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Welcome\AppData\Roaming\npm-cache\_logs\2018-11-16T17_47_04_184Z-debug.log

   Asked by Catzzz, November 16, 2018

   0 votes
   2 answers
2. Как наложить логотип на меню?

   Пытаюсь сделать подобное: логотипу задано position: absolute, при изменении значения top, логотип поднимается, но прячется под меню z-index в этом случае не помог, скорее всего потому что каркасы расположены не рядом надеюсь на подсказку, сайт - ikona-radoneg.ru

   Asked by serenada, October 16, 2018

   0 votes
   0 answers
3. Сдвигается вёрстка при длинном названии и описании

   Делаю страницу, где будут отображаться записи три в ряд. Картинки должны быть вровень стоять как-будто это табличная верстка. Вот как должно быть: а вместо этого я получаю: Как это можно исправить? Я специально выбрала размещение записей, через div контейнер, чтобы можно было потом быстро подогнать сайт под мобильные устройства. Вот мои исходники: site.rar

   Asked by Katerina23, October 16, 2018

   0 votes
   6 answers
4. Отличается-ли bootstrap-sass от bootstrap-scss ?

   Отличается-ли bootstrap-sass от bootstrap-scss ? Если я пишу код на scss а подключаю стили npm bootstrap-sass ? Делаю все это через npm.

   Asked by AbaGardon, October 17, 2018

   • bootstrap
   0 votes
   4 answers
5. Вывод результатов в зависимости от данных поля

   Здравствуйте! Прошу помощи в реализации такого простого механизма. Имеется список уникальных номеров карт и размер скидки по каждой карте. Необходимо на сайте WordPress сделать так, чтобы пользователь вводил в некое поле номер своей карты и видел рядом текущий размер скидки по его карте. Без выпадающих списков и монстров типа WooCommerce (сайт маленький), может каким html кодом или скриптом. Заранее спасибо за любую помощь.

   Asked by Carbonvda, January 30, 2019

   • wordpress
   • html
   • поле
   • зависимости
   • результаты выборки
   0 votes
   2 answers
6. Bootstrap: Выпадающее меню, цвет фона

   День добрый. Не могу никак разобраться. Прошу помощи... Делаю сайт на bootstrap. Есть главное меню с выпадающими подпунктами. При ховере на пункте меню (Раздел) он меняет цвет. Однако при переносе курсора на выпадающее меню (Подменю) выделение пункта меню Раздел пропадает. Как-то можно задать фон для Раздела, когда курсор находится на подразделах? Пример тут

   Asked by dron, October 19, 2018

   0 votes
   2 answers
7. Масштабирование картинок для смартфонов

   Мне тут не давно помогли сделать отображение записей три в ряд. И в стилях заметила вот такой код: .card__description > :first-child { margin-top: 0; } Мне нужно, то же сделать сравнение если масштаб картинки больше размер экрана смартфона, то установить для картинок width:100%. Если же не больше то оставить как есть. Дело в том, что у меня в тексте встречаются много картинок и не все нужно масштабировать?

   Asked by Katerina23, October 20, 2018

   0 votes
   3 answers
8. Сьезжает верстка в firefox

   Добрый день, сверстал страницу с блоком новостей которые идут под меню колонкой, по одному блоку в ширину контейнера. В хроме все нормально и в файрфокс на моем ноутбуке с разрешением 1366х768 тоже, но с другого компа верстка сьезжает именно в firefox. Немного полазил в браузере и блок становится на место если убрать overflow: hidden, но тогда текст соотвественно вылезает за пределы блока. Скинул весь css на всякий случай. body { margin: 0; padding: 0; background: url(/img/casfon.jpg); } .frame { width: 1200px; background-color: white; margin: 0 auto; box-sizing: border-box; -moz-box-sizing: border-box; } .box { width: 1100px; margin: 0 auto;…

   Asked by мурамаса, October 20, 2018

   • firefox
   • css
   • html
   • верстка
   • div
   0 votes
   1 answer
9. проблема c width

   Привет, кто может, хелп. Есть сайт( не реклама если что) http://goodmoons.ru/ugg-sale3/?utm_referrer= , попросили немного переделать, https://jsfiddle.net/s41y9o5q/- вот код переделанный. Но возникла проблема: на мобильных разрешениях у оригинала Body 480px остается и тянется все содержимое пропорционально размеру экрана, в моей же версии такого не происходит, а боди 960px почему то, и не поменялся width, хотя для wrapper и body задал теже параметры, что и в оригинале Вопрос решил viewport 480 стоял

   Asked by exoty, October 20, 2018

   0 votes
   0 answers
10. Такое делают на HTML?

    Привет. Постигаю азы, спать/есть не могу, хочу быть среди тех кто умеет делать "матрицу")) Начитался разных самоучителей, каких-то в большей, каких-то в меньшей степени, но уже думаю в практике закрепление навыков будет существенно эффективнее. Задача такая: сделать четыре кнопки, сегментировать их на 30 делений. При нажатии кнопки закрашивается один её сегмент. (по типу как индикация батарейки при зарядке на мобильнике) И получится своеобразный счётчик нажатий на кнопку. При нажатии 30 раз, кнопка закрашивается полностью и к примеру становится не активной. На данный момент посредством HTML (тег BUTTON, без FORM, просто сделал пока кнопки нужног…

    Asked by malkovan, October 21, 2018

    0 votes
    4 answers
11. Добавить полосу прокрутки

    Есть фиксированный сайдбар. Высота его 100vh. Если экран монитора низкий и пункты это блока не полностью влазят, то у него должна появляться полоса прокрутки http://skrinshoter.ru/s/221018/q2922fiM Добавил ему свойство overflow-y: auto; Какую сделать минимальную высоту не знаю, потому что здесь может быть сколько угодно пунктов https://codepen.io/anon/pen/PyBmrm

    Asked by yaparoff, October 22, 2018

    0 votes
    3 answers
12. Как поместить меню на слайдер bootstrap 4?

    Всем привет. У меня возникла проблема, я не могу поместить прозрачное меню navbar на слайдер bootstrap 4. Получается, что меню вверху, а под ним слайдер( HTML: Скрытый текст <!doctype html> <html lang="ru"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity=…

    Asked by maxfloyd, October 22, 2018

    • navbar
    • bootstrap
    • slider
    0 votes
    0 answers
13. Потомок прячется за полосой прокрутки

    Есть блок у которого есть вертикальная прокрутка. У него есть потомок, который спозиционирован абсолютно. Но этот абсолютно-спозиционированный потомок не вылазит через полосу прокрутки, а прячется за ней http://skrinshoter.ru/s/221018/KVTFyMBR Как сделать чтобы он не прятался? z-index не помогает https://codepen.io/anon/pen/OBwQEb

    Asked by yaparoff, October 22, 2018

    0 votes
    1 answer
14. Как верстаются сайты не статические ?

    На данный момент я верстаю сайты как статическую страницу и далее ничего с ним не делаю. 1. На сколько сильно отличается верстка сайта для CMS систем и для фреймверков JS, и что входит в мои обязанности ? 2. А так же что я должен в идиале делать с макетом чтобы он был готов для дальнейшей работы с ним ?

    Asked by AbaGardon, October 24, 2018

    0 votes
    0 answers
15. Форма, которая при вызове с разных кнопок, должна скрывать некоторые поля

    Всем доброго времени суток! У меня есть одна форма, которая при вызове с разных кнопок, должна скрывать некоторые поля. Вот кнопки: <a data-target="#call">Кнопка 1</a> <a data-target="#call">Кнопка 2</a> Вот форма: <div id="call"> <form> <div class="pole1">Поле 1</div> <div class="pole2">Поле 2</div> </form> </div> Форма может иметь только один ID, в моем случае это “call”. Как сделать, чтобы при клике на “Кнопка 1” отображалось только “Поле 1”? Как сделать, чтобы при клике на “Кнопка 2” отображалось только “Поле 2”? Сайт делаю для себя. Знани…

    Asked by S_A_N_T_A, October 24, 2018

    0 votes
    1 answer
16. Окрытия мобильного приложений по клику на ссылку

    Всем привет, может знает кто-нибудь реализацию открытия приложения по клику на ссылку?

    Asked by Web-Migi, October 24, 2018

    0 votes
    1 answer
17. Слайде owl на мобильнике

    Здравствуйте, проблема в том что на мобильных устройствах слайдер не скролится вертикально то есть если провести по слайдеру пальцем скрола вниз или вверх не будет, только на айфоне работает на андроиде и в хроме при эмуляции не работает помогите разобраться в чем причина. вот ссылка - https://dina-stom.ru/

    Asked by Самат, October 24, 2018

    0 votes
    0 answers
18. Что правильнее использовать для блоков?

    Что правильнее использовать в содержимом контенте странице. К примеру если речь идет о блоках кейсов товаров. Я например использую flex или float. Но не давно услышал что для содержимых лучше использовать inline-block, мол якобы flex и float не схлопываются в маржинах. Или я что то не понял?

    Asked by viliksar, October 24, 2018

    0 votes
    5 answers
19. Проблема с выпадающим меню, оказывает влияние на активные кнопки.

    Добрый день! Подскажите как поправить код, дело в том когда я добавляю код на страницу его стиль цепляет другие активные кнопки на сайте Код: Скрытый текст <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <head> <style> body { } .cm-e-menu1{background-color: #222; position: relative; z-index: 1000; color: #fff; font-weight: 200; box-shadow: 0 0 5px black; } ul { font: 1em/1.2em Helvetica, Arial, sans-serif; margin: 0; padding: 0; } ul li { } li { position: relative; display: inline-table; list-style: none; } li a { display: block; padding: 1em 1.2em; color: #ccc; text-decoration: n…

    Asked by LokiBrayn, October 24, 2018

    0 votes
    1 answer
20. Непонятный отступ

    Всем привет! Мне нужно сделать горизонтальное меню посередине страницы. Я его сделал и через <ul>, при этом width 100% и margin 0, но почему-то слева возник отступ от края страницы. Градиент на заднем плане - это background-image, и там болжны быть белые отступы, потому что картинка такая, а отступ у меню быть не должен.. Не подскажите, как это исправить? Код и скриншоты прилагаю. <body> <div class="topnav"> <ul> <li ><a href="default.asp" id="first">Л1</a></li> <li><a href="news.asp" id="second">Ф2</a></li> <li><a href="contact.asp" id="third">С3…

    Asked by wavelolmu, October 25, 2018

    • помощь
    • html
    • новичок
    0 votes
    2 answers
21. Не работает <audio>

    Вряд ли это проблема вёрстки, но я не знаю, куда ещё написать. Пробую добавить на страницу звук с помощью <audio>. В Firefox работает, а в Opera нет. Нет звука в Opera 36.0 для Windows и Opera 47 для Андроид. Добавил controls - плеер появился, но кнопки неактивны. Испробовал все возможные варианты синтаксиса - нет звука, хоть тресни. Хотя на других сервисах типа Youtube звук в Opera есть. Давал слушать другим людям - у большинства звука нет, но опроса насчёт браузеров не проводил. Ссылка

    Asked by Pinguin, October 27, 2018

    0 votes
    2 answers
22. Проблема с классами

    Уделите пару минут! Я работаю в Brackets , новичок. Проблема в том что я не могу задать класс (class) для списка ul . В папку с CSS выдает ошибку . Я пытался об,явить его через ul div и даже через .<p> Помогите пожалуйста , если нужна доп. информация вот email : danil.googlle@gmail.com Заранее спасибо !

    Asked by Danil822, October 30, 2018

    0 votes
    3 answers
23. Как записать функцию в массив

    Как записать функцию в массив с разными параметрами. Хотелось бы видеть пример, чтобы потом можно было вызвать эту функцию. А то не получается: var walk = []; ... walk[0] = createWalk(0,0,200,0); walk[1] = createWalk(200,0,200,100); walk[2] = createWalk(200,100,0,100); walk[3] = createWalk(0,100,0,0); ... for(var i = 0; i < walk.length; i++) { ... }

    Asked by Katerina23, October 30, 2018

    0 votes
    2 answers
24. Как на реальных проектах используется Git ?

    Здравствуйте. На данный момент я верстаю для себя и пользуюсь гитом так как я привык (ниже опишу как). Вот сейчас хотел бы узнать, как мне придется работать с гитом когда над проектом работать буду не я один ? На данный момент я работаю так: 1. Создаю в github новый репозиторий; 2. Клонирую этот репозиторий к себе на локальную машину; 3. И начинаю верстать; 4. Комиты я пишу частые для себя (все делаю в ветке master, знаю что это не правильно но пока для меня нет необходимости их разделять); Комитах пишу что то типа этого: - Подключает {какой то} шрифт; - Создает какой то блок; - Добавляет файл с переменными less/sass; - Создает секцию header -…

    Asked by Аришан, February 22, 2019

    • git
    0 votes
    7 answers
25. Как сделать отступы внутри div с параметром fixed?

    Добрый вечер, не могу разобраться как сделать отступы с права и слева внутри div. Есть такой код html: <div class="footerPanel"> <div class="footerPanelPadding"> Footer </div> </div> И есть такой CSS: .footerPanel { position: fixed; bottom: 0; padding: 0 20px 20px 20px; width: 100%; } .footerPanelPadding { width: 100%; background: #2a2c30; } Слева отступ делается, а справа нет. Кто то сталкивался с такой задачей? Вот сайт на котором я это делаю: Перейти на сайт Там снизу страницы увидите проблему

    Asked by awikong, November 3, 2018

    • css
    • html
    0 votes
    2 answers