HTML Coding

29,542 questions in this forum

1. аккордеон

   суть проблемы: создано два элемента - Аккордеон с 3 раскрывающимися пунктами и кнопка при нажатии на которую происходит так же раскрытие дочернего элемента. все работает исправно но если я в html, код аккордеона расположу над кодом кнопки то при открытии элемента аккордеона кнопка сместится вниз и наоборот. мне нужно это исправить любым способом. ошибок в коде нет мне просто нужен вариант.

   Asked by SHADOWtop1gg, April 11, 2022

   • html
   • css
   • аккордеон
   0 votes
   1 answer
2. Боковое навигационное меню

   Здравствуйте ! Нужна ваша помощь . Не знаю как сделать такой стиль для меню ( отметила стрелочками на фотографии) Нужен стиль элементов меню , вертикальной линии с маркерами как на фото . Буду рада любой помощи.

   Asked by pryanya.darrrya, April 28, 2022

   • css
   • offcanvas
   • menu
   • sidebar
   • style
   0 votes
   1 answer
3. Что значат знаки "+" и "~" в названии класса в CSS?

   Буду очень благодарна за помощь. Есть такой код: /* скрываем чекбоксы и блоки с содержанием */ .hide, .hide + label ~ div { display: none; } Что здесь значат данные знаки?

   Asked by Aleksandra, April 21, 2022

   0 votes
   1 answer
4. Вкладки на странице html

   Здравствуйте! Уважаемые форумчане! Я начинающий начинать) прошу помощи, есть макет сайта , хочу чтоб на главной странице были вкладки которые бы переключались по нажатию кнопки. но основной вопрос в том как сделать их разными. пример приведу в фото. Хочу как на фото сделать но незнаю как( а так же код выглядит таким образом <div class="tabs"> <input type="radio" name="tab-btn" id="tab-btn-1" value=""> <label for="tab-btn-1">Свадьба</label> <input type="radio" name="tab-btn" id="tab-btn-2" value=""> <label for="tab-btn-2">Мужу</label> <input type…

   Asked by Иван Евгеньевич, May 24, 2022

   0 votes
   1 answer
5. Что надо знать для html

   Подскажите что надо знать чтобы переходить с html на css? вроде закончил html, но всё же думаю что не достаточно знаний

   Asked by hgg, May 2, 2023

   0 votes
   1 answer
6. Как сделать, чтобы на мобильной версии элементы менялись местами?

   на скриншоте десктопная и мобильная версия вёрстки. Как сделать, чтобы у одного элемента на мобильной версии слева была иконка а справа текст, а у другой слева текст, а справа иконка? Ещё чтобы всё симметрично было, везде размер элементов и отступы одинаковые. в общей обёртке если один блочный элемент сверху, у другой снизу, а я сменил обёртке стиль на "display: flex;", а обоим элементам "width: 50%;", то верхний станет слева, а нижний - справа. А как наоборот сделать, чтобы верхний справа, а нижний слева? я придумал только использовать position: absolute. получилось криво. Как сделать, чтобы блок-обёртка подстраивался по высоте под картинку? https://codepen.io/zfO/…

   Asked by Grani, July 31, 2023

   0 votes
   1 answer
7. Как разместить фото друг за другом?

   Вот код , подскажите как мне сделать чтобы фото шли друг за другом с описанием под фото <div class="block"><img src="/admin/files/_MG_2882.jpg" width="20%" /> <p><a href="https://prozuby.clinic/specialist/sryvkina-nelli-vaceslavovna">Срывкина Нелли Вячеславовна</a></p> <p><strong>Стоматолог-терапевт</strong></p> <p><strong>Опыт работы 8 лет</strong></p> <div class="contmeleft"><img src="/admin/files/_MG_2961.jpg" width="20%" /> <p><a href="https://prozuby.clinic/specialist/nikolaj">Дрюкова Ксения Витальевна</a></p> <p><strong>Стома…

   Asked by marisabel, July 13, 2022

   0 votes
   1 answer
8. Как сделать такой скролл?

   Вот собственно хочу такой скролл сделать, а разобраться не могу, все уже обыскал, java то ломается то еще чето

   Asked by Devor, August 5, 2023

   0 votes
   1 answer
9. Как отцентрировать один элемент внутри flex контейнера?

   Добрый день. Есть три блока разной величины расположенных горизонтально внутри контейнера. Нужно второй блок расположить ровно по центру по горизонтали, как указано на скриншоте. У меня же получается так, что навигационный блок смещается чуть правее

   Asked by Kardamon, July 13, 2022

   0 votes
   1 answer
10. FOOTER как решать ?

    Такой вопрос, footerу задан width 100%, нужно растянуть на всю ширину экрана, но если я его выношу за обертку, тогда он растягивается, но между ним и оберткой получается щель, а если я его вкладываю в обертку тогда щели нет, но он равен ширине обертки. И как вообще правильно, выносить его за обертку или нет

    Asked by Вячеслав петров, May 14, 2022

    0 votes
    1 answer
11. Как сделать цвет шрифта неоднородным?

    Всем привет! Скачала красивый шрифт Steampunk DEMO by Marta van Eck Regular. Но когда он однородного цвета, то смотрится так себе. Как сделать шрифт такого же цвета как на ресурсах, которые его предлагают? У них это картинка? Делать backgraund-image и прозрачные буквы? В чем секрет? 🙂

    Asked by n0vum, May 6, 2022

    0 votes
    1 answer
12. Каталог

    Всем привет! Может ли кто-нибудь сказать как реализована такая каруселька у элементов каталога? MyVideo_55.mp4

    Asked by bromble, June 6, 2022

    • html
    • css
    • bootsrap
    • js
    0 votes
    1 answer
13. Проблемы с выравниванием текста

    Добрый день. Возникла следующая проблема: у меня есть небольшой блок текста, где два списка, а между ними простой текст ("Достижения"). никак не могу выравнить его по центру. Уже и атрибутом style внутри тега <b> пробовал, и селектором по идентификатору, и по классу. Ничего не работает. Однако другие свойства, например цвет, работают отлично. Подскажите, пожалуйста, что нужно исправить?

    Asked by Arthur_Speransky, June 5, 2022

    0 votes
    1 answer
14. Нужна помощь в верстке меню-бара

    Нужно сверстать по картинке меню-бар. Не получается сделать вот это поле поиска <!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> <style> .nav { display: flex; list-style-type: none; padding-left: 0; font-size: 17px; text-transform: uppercase; } .nav > li > a { color: #fff; text-decoration: none; } .nav > li { padding-left: 29px; margin-left: 30px; } .header { display: flex; back…

    Asked by senioz, November 13, 2022

    0 votes
    1 answer
15. Slider

    Всем привет.Не так давно начал изучать верстку.И кароче захотел создать слайдер на основе html css без js. Застрял булеты работают и стрелки также но только стрелки становяться видимы когда первый раз нажал на булет.До этого их никак немогу настроить. <!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> <style> .wrapper{ width: 700px; height: 400px; margin:0 auto; border:5p…

    Asked by Sider, August 9, 2022

    0 votes
    1 answer
16. У меня проблема со списками

    Кто может помочь решить проблему. Почему список с категории Госслужащие, привязен к верхнему списку. Когда он поидеей должен быть под номером 6.2. Код: https://pastebin.com/CdCSsSdR Хочу чтобы было так: Раздел 6 | Правила общения в любых чатах 6.1 - Мафия (вся). 6.1.1 - Lorem ipsum dolor sit amet consectetur adipisicing elit. Eligendi nulla, eaque qui ipsam eos asperiores, impedit eveniet rem omnis consequuntur! 6.1.2 - Lorem ipsum dolor sit amet consectetur adipisicing elit. Eligendi nulla, eaque qui ipsam eos asperiores, impedit eveniet rem omnis consequuntur! 6.1.3 - Lorem ipsum dolor sit amet consectetur adipisicing elit. Eligendi nul…

    Asked by VladBoss, June 9, 2022

    0 votes
    1 answer
17. Дата публикации материала HTML

    Здравствуйте, как (желательно не JS) я могу преобразовать на сайте дату публикации материала, например: Фото машины, опубликовано: 25.07.2022

    Asked by Bombas, July 25, 2022

    0 votes
    1 answer
18. Несколько :before или :after на одном элементе?

    Сабж. Можно ли в css такое сделать?

    Asked by torsar, September 4, 2022

    0 votes
    1 answer
19. При наведені підстрибує текст

    При наведені на навігацію підстрибує текст! What should I do? https://fluffy-kringle-4f9fb0.netlify.app/

    Asked by newRobson, June 12, 2022

    0 votes
    1 answer
20. Событие "click" за границей блока

    Привет. Я бы хотел сделать форму авторизации в шапке сайта. Помогите, пожалуйста, поправить код, чтобы плашка не закрывалась при вводе. Там также при фокусе меняется border, но с этим разберусь как-нибудь https://codepen.io/bogdandranicin/pen/ZExZGeW

    Asked by ogoggg, August 23, 2022

    0 votes
    1 answer
21. Блок article не растягивается на всю ширину, при media запросе на 900px

    https://vasyldubno.github.io/project1/#blog https://github.com/vasyldubno/project1

    Asked by vasyl_runner, June 22, 2022

    0 votes
    1 answer
22. Почему фото увеличиваеться при добавлении текста

    HTML Скрытый текст CSS Скрытый текст

    Asked by vasyl_runner, June 21, 2022

    0 votes
    1 answer
23. Как сделать чтобы кнопки были на одной линии Listen, Watch, Read

    https://vasyldubno.github.io/project1/#blog https://github.com/vasyldubno/project1

    Asked by vasyl_runner, June 22, 2022

    0 votes
    1 answer
24. Скошенный хедер

    Подскажите пожалуйста, как сделать такой хедер? имеется ввиду нижний скос

    Asked by thesanches, August 22, 2022

    0 votes
    1 answer
25. Можно ли запрограммировать на css поведение блоков как на приложенном видео?

    Логика изменения блоков на видео мне не вполне понятна. Можно ли это запрограммировать на css, не задавая отдельные стили для каждой ширины окна и для каждого количества блоков? bandicam 2023-08-20 21-35-45-303.mp4

    Asked by Grani, August 20, 2023

    0 votes
    1 answer