HTML Coding

29,542 questions in this forum

1. Нужна Кнопка Позвонить На Сайт

   Нужна Кнопка Позвонить На Сайт.Кнопка должна быть всегда на экране, желательно в левом нижнем углу, при нажатие должен сразу же происходитьзвонок на указанный номер.

   Asked by Данил657, April 6, 2020

   0 votes
   0 answers
2. Как настроить задний фон?

   Должно быть как на первом скриншоте. Что не так я делаю или как правильно переделать??? Помогите пожалуйста уже всю голову сломал!

   Asked by rpalenko, April 6, 2020

   • html
   • css
   • background
   0 votes
   0 answers
3. Таблица с прайсом

   Здравствуйте, помогите пожалуйста написать код для таблицы. Какой день читаю форомы, пытаюсь сделать сам и ничего не получается Нужно чтобы примерно было так: скрин прикрепил Чтобы пользователь мог выбрать: В первом с интересующие его устройство Во втором поломку.. В третьем сколько он с ним ходит.. И чтобы в результате выдавало сумму.. В заранее большое спасибо.

   Asked by seltenplay, April 15, 2020

   0 votes
   0 answers
4. Как убрать отступы, если блоку задал with

   Такая вот проблема. Задал блоку ширину, и сразу выходят отступы. Чтоб поставить блок по центру использую margin:auto; Но можно эти отступы как-то убрать?

   Asked by FotGOD, May 29, 2020

   0 votes
   0 answers
5. Форма уведомления об использовании cookie для сайта

   Уважаемые форумчане, подскажите, пожалуйста, скрипт, виджет или другое решение для размещения на страницах сайта уведомления об использовании cookie в соответствии с Федеральным законом от 27.07.2006 года №152-ФЗ "О персональных данных" со следующими элементами: - кнопки "Согласен" (при ее использовании уведомление исчезает и больше не появляется ни на одной странице сайта) и "Не согласен" (при ее использовании сайт закрывается); - ссылка на документ "Политика конфиденциальности персональных данных".

   Asked by Totalist, July 20, 2020

   0 votes
   0 answers
6. help, parallax/content

   Здравствуйте возникла проблема: http://prntscr.com/t96dcc (parallax) его высота смещает блок с текстом. Может подскажите другую рамку с текстом или как исправить это. Параллакс: <section class="parallax sticky" id="scene"> <div class="parallax-L" data-depth="0.3" id="L"><img src="img/bmw-m32.png" alt="" /></div> #L { width: 100%; height: 50vh; padding: 0; margin: 0; } .L { background: url(bmw-m32.jpg) left no-repeat; background-size: cover; overflow: hidden; } img { max-width: 20%; height: auto; } .sticky{ position: sticky; top: 0; } Рамка с текстом: <div class="ramka-5"> Ра…

   Asked by prank, June 30, 2020

   • html
   • css
   • js
   0 votes
   0 answers
7. Не применяется media запрос

   Здравствуйте. Подскажите пожалуйста, что с этим media запросом не так? @media (max-width: 991px) #comment-list li { bottom: 55px !important; } На странице, где выводятся комментарии wordpress смещается вверх стиль автора на мобильных устройствах, виновник этого другой медиа запрос, но уже для калькулятора на wooccommerce @media (max-width: 991px) *, ::after, ::before { box-sizing: border-box; } отключить его не могу, потому что уже будут тогда проблемы с калькулятором. Потому решил написать отдельный медиа запрос, но уже для комментариев

   Asked by Jokerrs, June 28, 2020

   0 votes
   0 answers
8. Ченжлог

   Здравствуйте все, у меня возникла проблема при верстке Changelog на сайте, проблема в том что при выборе пункта ченжлог должно появлятся окно с выбором версий, и если выбираешь описание то это окно с версиями должно исчезать, файлы прикрепил, помогите пожалуйста, как это можно реализовать, заранее благодарю за ответы htdocs.rar

   Asked by Kelmint, June 10, 2020

   • html
   • css
   • javascript jquery
   0 votes
   0 answers
9. Как подогнать css под Safari 5 и IE-11

   Добрый день. Размещено 2 блока по 3 изображения, отцентрировано flex, по плану при наведении курсора картинка затемняется, сверху появляется описание. Стили работают как задумано только в Chrome и Opera. В Сафари рамка не всплывает, текст не выравнивается. В IE 11 рамка всплывает, текст не выравнивается. Заранее благодарю. <div class="wrapper"> <div class="demo-content"> <div class="part"> <figure class="img-box"> <img alt=img src=https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sample54.jpg> <figcaption><section class="imgone">По Вашему желанию электропроводку можно уложить в ПВХ-коро…

   Asked by Xandr555, July 26, 2020

   • flex
   • opacity
   • :after
   • :hover
   • transform
   • transition
   • border-box
   0 votes
   0 answers
10. Позиционирование элемента

    Подскажите пожалуйста, как позиционировать элемент на всю видимую область окна браузера? Есть слайдер, в котором крутятся картинки, и есть скрипт, благодаря которому картинка увеличивается, но не могу понять относительно какого элемента он позиционируется. <div class="sl_slider"> <div class="sl_img"> <img class="image" src="img/001-1.jpg" alt="001-1"> </div> <div class="sl_img"> <img class="image" src="img/002-2.jpg" alt="002-2.jpg"> </div> <div class="sl_img"> <img class="image" src="img/001-1.jpg" alt="001-1"> </div> <div class="sl_img"> <img class="i…

    Asked by oleg126, July 30, 2020

    0 votes
    0 answers
11. Блок из картинок

    Подскажите, как такое сверстать? Пробую grid'ы и флекс, пока не пришел к результату. https://prnt.sc/u0ucwi

    Asked by Leningram, August 17, 2020

    0 votes
    0 answers
12. Проблема с отображением сайта на айфоне

    Приветствую! Столкнулся с проблемой неправильного отображения фоновой картинки на iphone. Причем проблема возникает на реальных девайсах, на симуляции всё выглядит нормально. На моем телефоне на андроид всё хорошо. Есть ещё одна проблема - на айфоне не отображаются описания и кнопки "Подробнее".

    Asked by eXile, August 21, 2020

    0 votes
    0 answers
13. есть 4 псевдо-счетчика на странице. Нужно: их рассинхронизировать

    Есть html код псевдо счетчика, который должен реагировать на нажатие кнопки (+1/-1).Сам код работает, но нужно разместить несколько таких счетчиков на странице. При банальном дублировании работает только первый счетчик, а остальные не реагируют на клик.1)Что нужно поменять в коде, чтобы работали все счетчики одновременно на одной странице?2)И как можно сделать, чтобы кликнутая кнопка окрашивалась в другой цвет (на данный момент она только выделяется при наведении и щелчке, потом цвет возвращается в исходный) <div class="likes" style="float: right; padding-left: 10px;"> 105 </div> <div><button class="btn" style="color: #fff; border: none; float…

    Asked by fluki, November 30, 2020

    0 votes
    0 answers
14. Убрать нижний отступ под видео

    Здравствуйте!Простите, если не сюда пишу.Уже несколько дней не могу найти свою ошибку.Прошу помощи.Пишу сайт.Вверху страницы горизонтальное меню - фиксированное.Под горизонтальным меню вставляю видео с текстом. Видео затеняется с помощью overlay.Все вставляется, но под видео большой отступ, заполненный тенью от видео.Как убрать большой отступ?На скрине выделена область, которую необходимо убрать.Сильно не пинайте, пожалуйста, только начинаю изучать это дело.Сайт запускаю на OpenServer. В веб еще не выкладывал. Index <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Мой сайт</title> <li…

    Asked by iiwanc, January 23, 2021

    0 votes
    0 answers
15. Выравнивание пунктов списка с добавленным элементом

    День добрый! Набиваю руку в простенькой верстке придуманного мной сайта. Возникла проблема из за которой рву на себе волосы уже 2е сутки - это выравнивание пункта текста с добавленной картинкой вместо привычных точек. Перепробовал уже все,с list-style-image вообще сделать что либо бесполезно. Перешел на изменения в самом <li>, текст просто накладывается на картинку и сделать ничего не получается. Поиске в интернете успехом не увенчались. Ниже мой сырой код по этому вопросу: li { list-style-type: none; } li:before{ content: url("http://s1.iconbird.com/ico/2013/9/447/w128h12813804433922.png"); width: 30px; height: 30px; display: grid; marg…

    Asked by AndrewLite, September 28, 2020

    0 votes
    0 answers
16. Как сделать 2 фона

    У меня есть фон основной он идёт во всю страницу но мне нужен ещё 1 фон по середине и туда засунуть 6 фотографий кликабельных и расставить их

    Asked by proxor1, February 23, 2021

    0 votes
    0 answers
17. stylus

    Нужен учебник по stylus на русском. Дайте ссыль.

    Asked by torsar, January 27, 2021

    0 votes
    0 answers
18. postcss

    Нужен учебник по postcss на русском. Дайте ссыль.

    Asked by torsar, January 27, 2021

    0 votes
    0 answers
19. Как правильно выставить отступы (Вопрос от новичка)

    подскажите что не так? отступы ставлю как на макете, а текст прижимается к картинке <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="asecs/css/style.css"> <title>Five Stars Room</title> <link rel="preconnect" href="https://fonts.gstatic.com"> </head> <body> <header> <div class="container"> <div class="top-bar"> <div class="header-inner"> <div class="top-logo" >Logo</div> <nav class="nav"> <a class="link-nav" href="#">…

    Asked by rustamXx, February 10, 2021

    0 votes
    0 answers
20. Можно ли убрать пустое пространство

    Я взял способ от скрыто / открывающего навигационного меню. Скрыл раздел в теге главная обернутый в li. Как убрать пустое пространство между main и нижним колонтитулами

    Asked by AlexandrPrazdnikov, February 20, 2021

    0 votes
    0 answers
21. Многоколоночное боковое выпадающее меню

    1. Как выделить пространство для меню? (на этом пространстве нарисована красная линия - прямоугольная область вокруг пунктов меню) 2. Как добиться многоколоночности меню как на сайте [url]https://positronica.ru/[/url] (как на рисунке ниже 2-хколоночности)?

    Asked by newmandvin, February 21, 2021

    0 votes
    0 answers
22. работа с summary

    Как убрать маркер у тега summary. Прописываю в css summary::-webkit-details-marker{ display: none; } но ничего не меняется, маркер все так же есть

    Asked by Romario1985, April 30, 2021

    0 votes
    0 answers
23. Картинка уменьшается при добавлении ее в тег <figure>

    Всем привет. Решил добавить к картинкам тег <figure>, но при выводе картинка уменьшается в размерах. В чем может быть проблема? Код CSS: body{ margin: 0px; padding: 0px; max-width: 1000px; background: url(./bg3.jpg) repeat center top fixed; } html, body, #wrapper{ margin: 0px; padding: 0px; margin: 0 auto; } @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600&subset=latin,cyrillic); *{box-sizing: border-box;} #container{ display: table; max-width: 100%; height: 100%; margin: 0 auto; background-color: #272727; box-shadow: #000 0px 0px 40px 10px; } #header{ max-width: 100%; width: 10…

    Asked by Weskiers, May 2, 2021

    0 votes
    0 answers
24. Tilda, Button, Form, JS

    У меня в тильде есть Zero Block с кнопками (например b1, b2, b3) и есть блок с формой в которой есть выпадающий список со значениями (l1, l2, l3). Как мне сделать так, чтобы по нажатию b1, b2, b3 из Zero Block, страница опускалась к блоку с формой и там в списке выставлялось автоматически, соответственно, l1, l2, l3?

    Asked by uppjke, April 23, 2021

    • tilda
    • js
    0 votes
    0 answers
25. Границы изображения css

    Хочу сделать так, чтобы при нажатии на изображение осуществлялся переход по ссылке, но из-за границ этого самого изображения нормально сделать не получается, вот код - https://jsfiddle.net/j7e89dro/.

    Asked by KennyJake, May 13, 2021

    0 votes
    0 answers