HTML Coding

29,542 questions in this forum

1. Адаптивная верстка блоков сайта

   Здравствуйте! Только начинаю делать сайты, прошу помощи в следующем вопросе. Сайт использует систему сеток bootstrap-4. На главной странице идет перечень товаров-блоков. Причем, необходимо сделать так, чтобы при размере экрана >1200 в один ряд было 4 блока, при размере 768<экрана<1200 было 3 блока в один ряд, при размере 576<экрана<768 было 2 блока в один ряд и при размере экрана<576 был один блок в один ряд. Конечно чтобы блоки занимали максимальную ширину. И самое главное! Надо сделать так, чтобы при изменении размера экрана и соответственно количества блоков в одном ряду переходящие вниз блоки занимали все пустые места, то ес…

   Asked by rafaello9, February 27, 2021

   0 votes
   1 answer
2. Не заменяется картинка

   Ребята, добрый день! Столкнулся с такой проблемой, решили заменить картинку на главной странице компании. Работаем мы через Joomla. Я решил схитрить, чтобы не указывать пути и т.д., так как просто не знаю как это делается, переименовал новую картинку в название старой. Старую я удаляю, загружаю новую с таким же названием. Обновляю сайт, картинка не меняется оставаясь старой, обновляю жумлу, а там вместо новой картинки, уже старая, как это работает, лол? Но стоит мне новую картинку переименовать, так она сразу становится собой, а не старой. И самое интересное, я около недели назад так же делал, и у меня получилось установить новую картинку, тестовую так ска…

   Asked by gmod1966, March 2, 2021

   0 votes
   1 answer
3. Не работает Transition

   Не работает плавный переход, в чем проблема? .works { display: flex; flex-wrap: wrap; } .works__item { width: 25%; height: 350px; position: relative; overflow: hidden; } .works__item:hover .works__content { opacity: 1; } .works__photo { position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate3d(-50%, -50%, 0); } .works__content { display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; background-color: rgba(232, 69, 69, .9); opacity: 0; text-align: center; po…

   Asked by sanya003190, March 6, 2021

   0 votes
   1 answer
4. Посмотрите пожалуйста ситуацию

   Как мне разместить эту фигуру на два сэкшина одновременно?

   Asked by Czar_dmitriy, April 29, 2021

   0 votes
   1 answer
5. Помогите разобраться с заданием с чекбокс и выполнить его

   На собеседовании дали задание, но я его не понял, можете, ПОЖАЛУЙСТА, объяснить что имеется в виду и как его выполнить. Вот задание: Используя только html и css отобразите кастомный чекбокс таким образом, чтобы: Оригинальное изображение чекбокса было скрыто. Весь функционал чекбокса был сохранен (checked – unchecked). Вместо чекбокса отображался текст, по клику на который - менялось бы состояние чекбокса на противоположное - менялся бы цвет текста.

   Asked by М_Бавыка, April 19, 2021

   0 votes
   1 answer
6. Перечеркнуть изображение крест-накрест

   Есть div с картинкой и текстом. Его нужно перечеркнуть крест-накрест. Вот никак не соображу как это сделать ловчее и техничней, чтобы адаптивность сохранилась. Кто-нибудь может подсказать решение ?

   Asked by 107andz, March 26, 2021

   0 votes
   1 answer
7. Размещение фоновой картинки, заключенной в div, на всю ширину вьюпорта

   Подскажите, пожалуйста, как растянуть фоновую картинку, заключенную в div, на всю ширину вьюпорта? Сейчас она отображается посередине, по ширине макета. Указывала ширину 100%, 1200px, минимальную ширину 1200px - не работает. <div class="banner"> <div class="container background-image"> <div class="banner_text"></div> </div> </div> CSS: .background-image { background-image: url('/img/new_oranges.jpg'); background-size: cover; height: 200px; }

   Asked by Алеся, April 24, 2021

   • position
   • cover
   • width
   • div
   • image
   • background
   • html
   • css
   0 votes
   1 answer
8. Изменение цвета шрифта блока меню при hover

   Подскажите, пожалуйста, что прописать в коде для изменения цвета шрифта меню при наведении на БЛОК (не на ссылку) с черного на белый при hover. На скрине цвет меняется при наведении на ссылку. И как можно меню отодвинуть влево? Заранее спасибо! <div class="three navigation items"> <nav> <ul> <li> <div class="navigation__item"></div> <a href="#">Hot themes</a> </li> <li> <div class="navigation__item"></div> <a href="#">EURO-2016 Playoffs</a> </li> <li> <div class=…

   Asked by Алеся, May 12, 2021

   • html
   • scss
   • hover
   • fonts
   • color
   0 votes
   1 answer
9. Картинка превью в мессенджерах

   Добрый день! Есть такая страница http://tehne.com/grant/right-bank-of-kazanka-river-competition-2021-ru Хочу сделать чтобы в мессенджерах когда отправляют ссылку вместе с заголовком показывалась определенная картинка. Я добавил эту картинку в мета тэги og и link rel="image_src" и она все равно не появляется когда делюсь в мессенджерах Почему так?

   Asked by smirn0ff, April 16, 2021

   0 votes
   1 answer
10. Всем привет, не работает кнопка моб.меню

    Всем привет, у меня проблема, не работает моб.меню, вроде все пересмотрел, но ничего так и не нашел. Смотрел на самом пк, через файл html все робит, но заходя на сайт почему то никак не реагирует мобильное меню Сайт : Brownail.ru

    Asked by Moruga, May 7, 2021

    • html
    • css
    • js
    0 votes
    1 answer
11. Как сделать следующий функционал?

    Всем привет! Есть интересный вопросик. Нужно реализовать такое же поведение, как и на картинке. Подскажите, как это можно сделать при помощи css html. без js Всем Спасибо за ответы!

    Asked by antonylevitsky, September 8, 2021

    0 votes
    1 answer
12. работа type="time" и вывод установленного времени в консоль

    Здравствуйте, как там ваше ничего?)) А я вот пришел со своими тараканами в виде: <!DOCTYPE HTML> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>ESP Web Server</title> <style type="text/css"> body, html { margin: 0; overflow-x: hidden; } p { font-size: 1.9rem; } div { position: relative; } svg { width: 24px; top: 12px; position: absolute; } .container { padding: 0; overflow: hidden; …

    Asked by itsterit, June 12, 2021

    0 votes
    1 answer
13. Как вставить 3D-тур на сайт?

    Всем доброго времени суток. Имеется 3D-тур для заведения предоставленный по ссылке - http://fotospy.ru/3d/demo/grill-grad/domiki/tour.html. Каким образом мне вставить его на мой сайт так чтобы могли просматривать этот тур на нем? Буду благодарен за помощь.

    Asked by guram07, March 30, 2021

    0 votes
    1 answer
14. Как присоединить m3u8 к тегу video из HTML5 ?

    Есть источник : http://cdnmg.secure.live.rtr-vesti.ru/hls/russia_24/playlist_3.m3u8 Этот URL нужно записать в файл 1.m3u и запустить этот файл с помощью VLC-плеер, для тестирования этого URL. Скажите пожалуйста, как источник m3u8 присоединить к тегу video из HTML5 ? Пожалуйста, покажите работающий пример с этим источником. Спасибо.

    Asked by itwoker5, March 31, 2021

    0 votes
    1 answer
15. Не могу разобраться с Bootstrap компонентом

    Всем привет! Кто нибудь шарит в Bootstrap 5? Я изучаю его и не работает компонент toast(не отображается), хотя я код прямо с оф сайта копирую.

    Asked by Dexader, June 19, 2021

    0 votes
    1 answer
16. Как изменить bootstrap col-md?

    Добрый день ! Есть проблема при адаптаций экрана 595x740 размер контейнера bootstrap col-md не меняется. Мне нужно чтобы при адаптаций экрана 595х740 показывало по 2 слайда.Как это сделать? main.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link href="main.css" rel="stylesheet"> <link rel="stylesheet" href="css/font-awesome.css"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/boot…

    Asked by Pekod, August 4, 2021

    • html
    • css
    • bootsrap
    • js
    • slickslider
    0 votes
    1 answer
17. Оформить как ссылку

    Для смены языка на сайте нужно в адрес добавить например /ru/ текущий адрес узнаю так <p id="demo"></p> <script> document.getElementById("demo").innerHTML = "http://site.ru/ru/" + window.location.pathname; </script> но оно выдает текстом Вопрос: как сделать чтобы это была ссылка?

    Asked by maxim1o, May 27, 2021

    0 votes
    1 answer
18. header только на html и css

    Как правильно сделать оформить header используя только html и css чтобы получилась как на этом макете Почему у меня правое меню постоянно плавает и как кнопку поиска правильно спозиционирорвать в самой форме чтобы она никуда не уезжала? Что не так в моем коде? https://jsfiddle.net/kjgydnfs/27/

    Asked by Romario1985, April 22, 2021

    0 votes
    1 answer
19. Проблемы с проверкой google search console

    Всем доброго времени суток. Помогите, пожалуйста, разобраться с проблемой. Тестировал сайт на на google search console на "удобство для мобильных", были найдены ошибки, которые я исправил. В отчете эти ошибки помечены как исправленные, но в диаграмме все равно есть страницы с этими ошибками. Подскажите, пожалуйста, что это значит?

    Asked by fhntv1606, June 24, 2021

    0 votes
    1 answer
20. На работает клик на меню-бургер

    Подскажите, пожалуйста, как можно исправить не работающий клик, в данном случае, по меню-бургеру. Срабатывает вместо этого hover. Заранее спасибо! <nav class="burger-menu mobile-open"> <button class="burger-menu__btn-mobile"> <i class="fas fa-bars"></i> <span>Menu</span> </button> <ul class="burger-menu__list"> <li class="burger-menu__item"> @@include('./partials/menu/_menu.html', { "item": "contacts" }) </li> <li class=…

    Asked by Алеся, June 19, 2021

    • js
    • css
    • html
    • javascript
    0 votes
    1 answer
21. Меню тащит всю страницу вниз

    Сделал бургер и при открытии вся страница уезжаешь вниз. Как сделать чтобы меню просто открывалось поверх?

    Asked by dewqqland, May 11, 2021

    0 votes
    1 answer
22. Не отображается картинка

    Здравствуйте, я начал изучать html мой первый язык программирования и я много не понимаю и ещё не знаю. Я столкнулся с проблемой. Хотел я вставить картинку в свой сайт но она просто не отображается на сайте. Я пробовал разные варианты и также не получалось. Пишу код в Brackets. Пожалуйста помогите <img scr="https://bigsp.ru/uploads/position/large_01c6d2f3e6c3430fbb597cac07d746f86dde1a1d.jpg" width="250" height="400" alt="Суши">

    Asked by Moon632, July 16, 2021

    0 votes
    1 answer
23. Помогите решить задачку

    Помогите решить задачку: почему между div#main и div#sidebar расстояние по горизонтали 10px, если div#sidebar равен 330px и внешний отступ для div#main также 330px. В учебнике данный момент не объясняется, а я чет вообще завис. Upd: я считаю, что блоки должны быть слитны, то есть промежутка быть не должно. Почему я ошибаюсь? Starbuzz.zip

    Asked by CrystalCrystal, July 10, 2021

    0 votes
    1 answer
24. Как в лендинге получить имя и номер

    Всем привет! У меня вопрос. Есть лендинг, есть форма для принятия данных покупателя. Но я не знаю куда они отправляются. Как только пользователь внесёт свои данные куда они отправятся. Где это можно настроить? В каком месте кода html? Помогите, пожалуйста

    Asked by Pavel.nols, June 30, 2021

    • лендинг верстка
    • формы
    0 votes
    1 answer
25. Ошибка в простом коде

    На первом скрине отображено как должен выглядеть список, на втором - то, что у меня выходит. Писал следующим образом: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Листы 3</title> </head> <body> <dl> <dt> Есть много разных цветов, которые делятся на светлые и темные</dt> <ol> <li>Светлые:<li> <ul> <li>Желтый</li> <li>Оранжевый</li> <li>Розовый и другие цвета</li> </ul> <li>Темные:</li> <ul…

    Asked by adam.pulaski, June 30, 2021

    0 votes
    1 answer