HTML Coding

29,542 questions in this forum

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

   Кто может помочь решить проблему. Почему список с категории Госслужащие, привязен к верхнему списку. Когда он поидеей должен быть под номером 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
2. Каталог

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

   Asked by bromble, June 6, 2022

   • html
   • css
   • bootsrap
   • js
   0 votes
   1 answer
3. Появляется отступ справа в мобильной версии

   Доброго времени суток! При переходе на сайт http://akkermanskiy.zzz.com.ua/ через телефон , появляется отступ справа. Подскажите пожалуйста , в чем проблема?

   Asked by Akkermanskiy, June 5, 2022

   0 votes
   2 answers
4. Проблемы с выравниванием текста

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

   Asked by Arthur_Speransky, June 5, 2022

   0 votes
   1 answer
5. Сьехала верстка

   Добрый деньги! Сьехал последний блок (Скрин) Подскажите, пожалуйста, что в таком случае делать, где искать проблему

   Asked by Grom12, June 1, 2022

   0 votes
   1 answer
6. цвет фона

   Добрый день. Начала изучать html самостоятельно. Не могу понять, какой код использовать, например, для установки цвета фона - только с атрибутами html или с использованием css? то есть, какой варик верный и актуальный: 1 или 2?

   Asked by devs, April 18, 2022

   0 votes
   2 answers
7. Как можно сдвинуть кнопку влево?

   Здравствуйте! http://unbrokenteam.ru/ На главной странице внизу есть кнопка "Отправить". Как можно сдвинуть ее влево? При этом чтобы другие кнопки оставались на прежнем месте. Добавить button2 с выравниванием влево? Но в этом случае кнопку сплющивает. Вот style.css: body { padding: 20px; } button { margin-top: 20px; margin-left: 80px; line-height: 38px; font-size: 93%; padding: 0 60px; background: white; border: 2px solid rgb(112, 182, 234); border-radius: 35px; position: relative; left: 45%; transform: translate(-55%, 0); } button:hover { transit…

   Asked by noob_saibot, May 5, 2022

   0 votes
   5 answers
8. Верстка хедера с чекбоксами

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

   Asked by Noeltoka, May 31, 2022

   0 votes
   0 answers
9. Почему Visual Studio Code видит ошибку в атрибуте align="right" при теге <p></p>?

   Добрый день. Подскажите, пожалуйста, почему Visual Studio Code видит ошибку в атрибуте align="right" при теге <p></p>? Сам код работает, но слово align выделяется ярко-красным, что в VS code говорит об ошибке. <p> <p align="right"> 2014 </p>

   Asked by Arthur_Speransky, May 27, 2022

   0 votes
   1 answer
10. Расположение элементов IMG

    Всем привет! Задача стоит следующая. Есть 8 элементов (IMG). Т.е. одна целая картинка разрезана на 8 частей(рамка) Нужно сверстать гибкой версткой макет, где эти 8 кусочков будут одним целым( рамкой) а внутри можно будет размещать любой текс, рамка по высоте подстраивается под текс, по ширине на всю ширину окна. Кручу верчу, все никак не получается. Подскажите в какую сторону думать. Каждый Img в отдельный div и все дивы в общий контейнер? и дальше как

    Asked by DrRobotGranata, May 25, 2022

    • html
    • css3
    0 votes
    1 answer
11. Вкладки на странице 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
12. Не получается разместить элементы

    Доброго дня!! начала заниматься версткой макетов и столкнулась на данный момент со сложной задачей. В частности с расположением элементов. Идея макета состоит в том, что это показательная страница, в которой отображается информация. Я немного не понимаю, как нужно расположить эти верхние элементы. Ибо когда я их пытаюсь переместить, то получается примерно вот так Плюс у них нельзя изменить размер (эти элементы в макете отображаются как картинки. И плюс бонусный вопрос: можно ли только через css и html сделать выборку по фотографиям, которые нужно будет выбирать внутри страницы (не используя инпут файликов из библиотеки пользователя)

    Asked by tbgiyl, May 22, 2022

    0 votes
    0 answers
13. Выпадающее меню перекрывается нижеследующим блоком

    Более опытные товарищи, ай нид ё хелп!) Имеется выпадающее меню с классом .sub-menu__list. При наведении оно выпадает, но перекрывается блоком .page__main. Для наглядности прикрепляю скрин и код. Естественно, нужно, чтобы выпадающее меню было поверх контента следующего блока. Подскажите, как это реализовать? P.S. Если нужно поиграть с z-index, подскажите в каком классе, т.к. я перепробовал свои варианты - результата не дало. HTML <header class="header"> <div class="header__all _container"> <div class="header__image"> </div> </div> <…

    Asked by WNSY, May 21, 2022

    • html
    • css
    • меню hover
    • выпадающе меню
    • position:relative
    • position:absolute
    • z-index
    0 votes
    0 answers
14. Адаптация сайта для мобильных устройств

    Здравствуйте, подскажите в чем может быть причина такой ситуации. Адаптирую сайт под разные устройства, все было хорошо, проверила как отображается, сохранила, но когда открыла повторно все съехало, но только под одно устройство (575рх) Меню после пролистывания занимает нужную ширину Остальные размеры сохраняются , начиная с 770рх Код не менялся, проверяла несколько сохраненных на разных этапах верстки, все были рабочие и на всех слетело одно и тоже, хотя с ними дальнейшей работы не было, также проверяла на разных браузерах, проблема одна (( Буду благодарна за помощь

    Asked by Natalya_2024, May 17, 2022

    0 votes
    1 answer
15. Ищу стажировку по вёрстке

    Здравствуйте! Меня зовут Дмитрий. Живу в г. Донецк, ДНР. Ищу возможность постажироваться удалённо в направлении вёрстки для развития своих навыков и дальнейшего трудоустройства. Изучил HTML/CSS, Javascript - на уровне работы с HTML элементами(навесить событие, получить/поменять стиль). Реализовывал слайдеры, выпадающие меню, списки. Умею работать с макетом в Photoshop и Figma. На текущий момент практикую адаптивную вёрстку с использованием Flexbox, учусь делать вёрстку семантичной и по БЭМу. Буду рад любым предложениям! почта для связи: dmi1ryD@yandex.com небольшое портфолио: https://m-dimonka.github.io/ HTML-верстальщик.pdf

    Asked by Dmitro, April 18, 2022

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

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

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

    0 votes
    1 answer
17. Как сделать круг на CSS?

    Всем здравствуйте! Я не могу понять, как правильно сверстать подобное (как на картинке). Если кто знает, как это реализовать, то был бы очень признателен!

    Asked by MiNiGaNcHiK, May 13, 2022

    0 votes
    1 answer
18. Не работают ссылки для слайдера

    Для слайдера с портфелями нужно было установить восемь рабочих ссылок, четыре заработали а остальные четыре нет. Вопрос состоит в том чтобы при отображение восьми пар ссылок они отображали слайдер в котором будут восемь портфелей а не так как это отображено на картинке. Вот исходный код слайдера; <div class="container"> <div class="products_inner"> <h3 class="product_title"> Популярные товары </h3> <div class="tabs-wrapper"> <div class="tabs products_tabs"> <a class="tab products_tab tab--active" href="#product-tab-1">Запчасти</a> …

    Asked by Arm890, May 10, 2022

    0 votes
    0 answers
19. Как убрать блуждающий тег?

    Я создавал баннер, было всё норм. Но когда я начал второй создавал он у меня заработал, но он был ужасный. Вместе красивых рядов с портфелями у меня их стало два, а должен быть один. Начал выяснять что за срань с кодом, полез в валидатор и обнаружил что есть какой то блуждающий тег. Что это такое, я не понимаю, но хотелось бы разобраться как это исправить. Вот собственно говоря код в котором валидатор ошибку нашёл: <section class="banner-section page-section">↩ <div class="container">↩ <div class="banner-section_inner">↩ <div class="banner-section_slider">↩ <a class="banner-section_slider-item" href="#">↩ &…

    Asked by Arm890, May 9, 2022

    0 votes
    1 answer
20. Замена текста другим текстом под средством css

    Доброе время Можно как-то заменить один текст на другой текст через css? Есть много техник заменить текст на картинку, а текст на текст не понимаю как... Пример: <ul class="links main-menu"> <li class="menu-1"><a title="" href="#">Техподдержка</a></li> ... </ul> Надо получить через css: <ul class="links main-menu"> <li class="menu-1"><a title="" href="#">[Карамба]</a></li> ... </ul> Возможно такое реализовать, когда есть доступ к перекрытию css на сайте?

    Asked by Compaq6720s, January 28, 2011

    0 votes
    11 answers
21. Позиционирование и z-index пунктов верхнего меню

    Привет всем специалистам в HTML и CSS! Проблема такая: В CMS ShopScript (Webasyst), пункты верхнего горизонтального меню скрываются ниже расположенными элементами сайта. Все попытки назначить элементам верхнего меню позиционирование и z-index (от 1000 до 100000) не помогли. Буду благодарен за консультацию, как вывести пункты раскрывающегося горизонтального меню над нижерасположенными элементами сайта. См. здесь: http://warmray.org/

    Asked by web-master, May 8, 2022

    0 votes
    0 answers
22. Минимальный макет с header, footer, LeftMenu, Content, RightMenu на Bootstrap 4-5

    Помогите сделать минимальную макет с header, footer, LeftMenu, Content, RightMenu на Bootstrap 4-5. Ширина LeftMenu + Content + RightMenu аналогична ширине основного блока текущего сайта(htmlforum.io). Другими словами не на всю ширину браузера, а по центру. Может для ширины таких элементов имеется какая-то практика? LeftMenu - привязано к левому краю контейнера. RightMenu - привязано к правому краю контейнера. Для примера... Пробую, всё скачет... https://jsfiddle.net/User65659/0jxt7qLg/45/ Аналог на картинке

    Asked by Ilya983, May 8, 2022

    • html
    • bootsrap
    0 votes
    0 answers
23. Расположение картинки и фигур на сайте

    Столкнулся с проблемой , когда вставил картинку , весь текст съехал в лево , а сама картинка , должна находиться с низу сайта И еще вопрос , как сделать так , чтобы когда я уменьшал размер сайта , облаки оставались на своих местах ? HTML Скрытый текст <section> <div class="wrapper"> <div class="main"> <div class="main-text"> <p class="main-text__plan">PLAN YOUR LIFE</p> <h1 class="main-text__head">Increase your <span class="main-text__head-bold">productivity</span></h1> …

    Asked by Young, May 7, 2022

    • html5
    • css
    0 votes
    0 answers
24. Вёрстка форм

    Здравствуйте, помогите выбрать верные ответы: 1)Чему равна ширина элемента .content в следующем коде: .content { box-sizing:border-box; min-width:200px; width:100px; padding:10px; } 1) 100px 2) 120px 3) 200px 4) 220px 2) Чему равна высота элемента .content в следующем коде: .content { box-sizing:content-box; height:200px; max-height:150px; padding:50px; border: 5px solid #000000; width:100px; } 1) 200px 2) 250px 3) 260px 4) 300px 5) 310px

    Asked by AAF, May 6, 2022

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

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

    Asked by n0vum, May 6, 2022

    0 votes
    1 answer