HTML Coding

29,542 questions in this forum

1. Как сделать следующий функционал?

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

   Asked by antonylevitsky, September 8, 2021

   0 votes
   1 answer
2. Бутстрап и vue?

   Можно ли сочетать сабж? А бутстрап, vue и Laravel?

   Asked by torsar, September 6, 2021

   0 votes
   1 answer
3. Как сделать вход на сайт с помощью пароля

   Здравствуйте, пишу сайт для личных нужд и требуется входить на сайт с помощью паролей. Но так это должно работать, чтобы от каждого пароля открывался свой личный кабинет с не большим изменением контента страницы. В общем принцип социальной сети... Помогите пожалуйста разобраться как это прописать? Подробно могу попробовать рассказать написавшим на почту deryabkin.sergey@yandex.ru .

   Asked by Vinni_puff, August 31, 2021

   0 votes
   1 answer
4. Не работает внутренний отступ в верстки. Моих знаний недостаточно для решение этой проблемы, надеюсь на вашу помощью.

   Моих знаний недостаточно для решение этой проблемы, надеюсь на вашу помощью. Как можно было нагуглить, какие еще недочеты в моём коде ? index.html style.css

   Asked by Sergei.Nert, September 1, 2021

   • html
   • css
   0 votes
   1 answer
5. Самоучитель HTML

   Подскажите как решить проблему с разделом практика(элементы html) добавление комментариев,приложение не реагирует на разные варианты ответов, кто-то справился с этим?

   Asked by Артёмka, April 22, 2020

   0 votes
   4 answers
6. Изображение в строку на всю ширину экрана.

   Доброго всем дня! Подскажите, пожалуйста, начинающему верстальщику. Как сделать подобное в строку и что бы крайние изображение растягивались на всю ширину экрана, в зависимости от того, какое разрешение у пользователя. К слову, может есть способы не картинками, а блоками сделать подобное? Скриншот прилагаю.

   Asked by Evilejik, August 19, 2021

   • html
   • css
   • изображения
   0 votes
   2 answers
7. Вопрос про вывод данных в alert

   Всем привет! Подскажите, пожалуйста, почему alert выводит 'you are under 18!', затем 'you are more than 18!', а 'you are 18!' пропускает. Имею в виду, если вводить 18, то ок, но если просто нажимать "ок", то как раз 'you are 18!' пропадает. https://jsfiddle.net/4murgp2c/6/ И вот здесь https://jsfiddle.net/4murgp2c/10/ при выборе "ok" alert не должен был предотвратить вывод следующего значения (bad), который по идее должен выводиться только при нажатии на отмену? https://jsfiddle.net/4murgp2c/12/ Здесь какая-то простая ошибка, но моему глазу не видна. Вписываю "you" good не появляется. Заранее спасибо. Такие, возможно, очевидны…

   Asked by Алеся, August 16, 2021

   • javascript
   • js
   • alert
   0 votes
   3 answers
8. Почему же не работает class?

   Ребятки, помогите пожалуйста. Не могу понять, почему же не работает class?Помогите пожалуйста, я тупо не могу понять, почему же....

   Asked by Dessik123, August 12, 2021

   0 votes
   4 answers
9. Никак не хочет меняться шрифт

   Пункт навигации у меня 18го шрифта: И везде где есть эта навигация, все выглядит отлично, как я и хочу: НО конкретно на одной странице оно меняется на более крупный размер и я не понимаю почему...и тем более не понимаю, как это можно исправить? Еще хочу добавить, что такое случается только при просмотре сайта через телефон

   Asked by Gonqi, August 11, 2021

   0 votes
   4 answers
10. Как сверстать этот блок?

    blok.psdмогу ни как сверстать этот блок помогите пожалуйста, очень нужно для ДЗ blok.psd

    Asked by DenG, August 5, 2021

    0 votes
    3 answers
11. z-index и контекст наложения

    Пытаюсь разобраться со слоями, но что то не выходит. Прочитал статью на хабре Зададим классу .red { z-index: 1;} - блок стал выше... Но если мы родительскому элементу блока .red задаем opacity<1, то есть например opacity: 0.99, то блок снова почему то ниже по уровню. В статья написано, что: Новый контекст может быть сформирован в следующих случаях: Если элемент – корневой элемент документа ( элемент) Если элемент позиционирован не статически и его значение z-index не равно auto Если элемент имеет прозрачность менее 1 Окей, значит я создал новый контекст opacity. Но если вместо оpacity применить position: relative наприм…

    Asked by SnowSilver, December 20, 2017

    0 votes
    5 answers
12. Как изменить 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
13. Container в Bootstrap

    Всем привет) Самостоятельно обучаюсь верстке. Сейчас изучаю Bootstrap и столкнулась с такой проблемой: <header> <nav> <div class="container"> <ul class="menu"> <li class="menu-item"><a href="#" class="menu-link">Пункт меню</a></li> ... <li class="menu-item"><a href="#" class="menu-link">Пункт меню</a></li> </ul> </div> </nav> </header> Использую в верстке стандартный контейнер из Bootstrap'а. Его стили не трогаю. Сейчас корплю над адаптивн…

    Asked by Marri.nich, August 4, 2021

    • bootstrap
    • html
    • container
    • margin
    0 votes
    1 answer
14. Зачем нужны meta теги?

    Я вообще не вдупляю что такое мета, и что делают атрибуты. Пожалуйста объясните тупому.

    Asked by azbyka, August 3, 2021

    0 votes
    1 answer
15. Как устранить ошибки валидатора

    Как устранить ошибки на https://tex-izol.ru/ ? Их можно просмотреть https://validator.w3.org/nu/?doc=https%3A%2F%2Ftex-izol.ru%2F

    Asked by texizolru, August 2, 2021

    0 votes
    1 answer
16. footer "прилип" к основному блоку

    Обратите внимание, я прописал, чтоб от основного блока "cart__main" вниз был внешний отступ 50px, но оно не отступает, более того, произошла какая-то странная вещь, которую я не могу описать (смотрите на оранжевый фон, который выделяет margin)... На всех остальных страницах footer выглядит отлично, как я и хочу, а тут вот какая-то проблемка приключилась( Проблему решил, не дописал закрывающий div в конце, из-за чего footer поместился в основной блок!

    Asked by Gonqi, July 31, 2021

    0 votes
    0 answers
17. Не меняется ширина объекта

    Прописал в CSS ширину, а оно ни в какое не хочет меняться, если вставить в этот блок текст, то оно будет подстраивать ширину под него... что с этим можно сделать, в чем может быть проблема?

    Asked by Gonqi, July 22, 2021

    0 votes
    4 answers
18. Вопрос про размер контейнера при адаптивной вёрстке

    Есть макет: https://www.figma.com/file/HoJMDxIfQdMbFgMfgG62HK/NEW_vsesvetodiody.ru_1920-(Copy) Суть в том, что ютуберы постоянно верстают что-то, где макет только для десктопа. Тут же есть 1920 , 768, и мобилка. Для 1920 размер ограничивающего контейнера можно определить, но он я полагаю ограничен с мобилки до 768, потом от 768 до экрана ноутбука, потом от ноубука до 1920. Я в упор не понимаю, это оговаривается с заказчиком? Или используется шаблон контейнера бутстрапа? Объясните пожалуйста или скиньте ссылку на ответ.

    Asked by VadimmmmM, July 25, 2021

    0 votes
    2 answers
19. Анимация - процесс идет

    Во время ajax - запроса нужно отображать иконку - анимацию, мол "Процесс идет". Часики песочные или точки бегают по кругу (как в винде) или тп. Где качнуть такоя?

    Asked by torsar, July 24, 2021

    0 votes
    1 answer
20. Импорт данных в html форму

    Добрый день! Есть небольшой вопрос связанный с импортом данных в html форму. Постановка задачи такова: есть html форма которая в дальнейшем отправляется на печать, в определенные пункты этой форму нужно импортировать данные из внешнего файла (excel например). Каким образом можно производить передачу данных? Как сделать это по тегово? Какие есть бесплатные библиотеки по js для формирования отчетов?

    Asked by PShim, January 30, 2019

    • js
    • html
    • data
    • csv
    • excel
    0 votes
    30 answers
21. Не отображается картинка

    Здравствуйте, я начал изучать 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
22. Не отображается скаченный шрифт

    Доброго вечера! Подскажите, пожалуйста, в чем проблема неотображения скаченного шрифта? Путь к файлу, если что, проверила. Заранее спасибо! @font-face { font-family:"Lato-Italic"; src: url('./fonts/Lato-Italic.ttf'); } Его использование: .three-columns__item-radius p { text-align: justify; margin: 26px 20px 0 20px; font-family:"Lato-Italic"; }

    Asked by Алеся, July 17, 2021

    • html
    • css
    • fonts
    0 votes
    2 answers
23. Иконки для соцсетей

    Ищу сабж. Собсна нужно fb, insta. viber, telega. И другие. Чтоб подключались просто (link css и дальше работаешь). Чтоб юзались просто: <i class="ico ico-facebook" aria-hidden="true"></i>

    Asked by torsar, July 15, 2021

    0 votes
    1 answer
24. Почему не применяются стили?

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

    Asked by Perfeooo, July 7, 2021

    0 votes
    4 answers
25. Как применить этот код к ссылке по ID?

    Этот код меняет цвет всех ссылок, а нужно только некоторых. Как это можно сделать? a:link, a:active { color:#20B2AA; font-weight:bold } a:visited { color:#DC143C; font-weight:bold } a:hover { color:#EE82EE; font-weight:bold; text-decoration:none }

    Asked by Ralnen, July 12, 2021

    0 votes
    1 answer