HTML Coding

29,542 questions in this forum

1. Slick Slider неправильно рассчитывает высоту слайда

   Добрый день. При первой загрузке на телефоне (и только на телефоне) Slick Slider неверно рассчитывает высоту слайдов: При пролистывании через несколько слайдов всё становится как надо: При перезагрузке слайдер также нормально грузится сразу. Это сдвоенный слайдер, т.е. нижний управляет верхним. Все картинки одного размера. Нижний слайдер работает нормально всегда, хотя в нём картинки те же самые. Пустая область под картинкой относится к слайду, т.к. за неё можно свайпать слайдер. В чём может быть проблема?

   Asked by BuggyBuggy, December 18, 2019

   0 votes
   2 answers
2. [body] Растянуть изображение по высоте с сохранением пропорции

   Приветствую всех! Я начинаю создавать страницы html. Такой вопрос: есть изображение с размером 1024x768, как его поставить в body так, чтобы изображение центрировалась и растянулась по высоте (но не по ширине) с сохранением пропорции? (посмотреть прикрепленное изображение)

   Asked by Erdos, December 16, 2019

   • background-image
   0 votes
   2 answers
3. фоновая картинка с блоком внутри

   есть внешний блок с фоновой картинкой на весь блок а внутри него блок с контентом 2 вопроса как переместить этот блок с контентом так как мне нужно - почему- то все смещается вместе с фоном и еще как сделать так чтобы остальная часть листвы бамбука была видна сайт http://frontend-er.h1n.ru/asia-spa/

   Asked by victorius, December 14, 2019

   0 votes
   0 answers
4. Сетка bootstrap4

   Добрый вечер! Помогите пожалуйста понять почему при использовании сетки у меня вторая колонка не отображается пока ей не поставишь ширину 100%? Разве она не должна подстраиваться под размер автоматом? вот мой код https://jsfiddle.net/gzf1hkc0/ в нем navbar с двумя колонками. проблема со второй колонкой. пс. в коде уже стоит ширина второй колонки 100%, но как я понимаю самому прописывать ее не надо и раз так может я что то не так сделал? заранее спасибо за то что уделили внимание моему вопросу)

   Asked by kask, December 14, 2019

   • html
   • css
   • bootstrap4
   0 votes
   2 answers
5. Не работает команда pug в консоли

   Здравствуйте! У меня есть сборка проекта gulp. мне необходимо установить шаблонизатор pug для моего проекта. Node.js у меня установлен. Пишу сначала npm install pug, затем npm install pug-cli - все устанавливается. Когда пишу pug --help консоль пишет pug: command not found

   Asked by Liza1999, December 12, 2019

   • pug
   • gulp
   • шаблонизатор
   0 votes
   0 answers
6. Помогите настроить меню сайта

   Всем добрый день, установил шаблон на домен mybublik.ru . Вроде все хорошо, но на айфонах когда смотришь и нажимаешь бутер, то меню прячется за главный баннер сайта (на андройде такого нет). Подскажите в чем причина и как поправить) Приложил два скрина (первый с андройда, второй с айфона там и видно проблему)

   Asked by Илья92, December 12, 2019

   0 votes
   5 answers
7. Ограничение высоты изображения

   Здравствуйте. Есть такой пример jsfiddle.net Можно как-то заставить изображение сжиматься по высоте, занимая все доступное место контейнера, но не более? На ум приходит только абсолютное позиционирование.

   Asked by alex_web64, December 11, 2019

   0 votes
   1 answer
8. поле для ввода текста генерация html

   день добрый,На страничке нужно создать поле для ввода в которое вставят текст из ворда с разметкой шрифтами и тд что бы после нажатия кнопки сохранить этот текст генерил html что бы его можно было сохранить в таблицу, ну и в будущем его же там же редактировать.. (что то подобное как на этом форуме) только тут надо мануально шрифты менять и тд там что бы это все сохраняла компонента какая компонента может мне в этом помочь? заранее спасибо

   Asked by asd_rojd, December 10, 2019

   0 votes
   2 answers
9. Настройка Less

   Подскажите как настроить настроить плагин в VS Code "Easy Less" таким образом, чтобы этот плагин компилировал css файл в другую папку (не в ту где лежить .less) Я пробовал в настройки Package.json записывать компанду, которая указана в докумментации на гите { "less.compile": { "main": ["${workspaceRoot}\\css\\main.less"] } } но эта команда просто добавляет дополнительные папки в корень той, где лежит .less. Добавил скрин с тем куда нужно положить скомилированный файл. Если кому не трудно напишите команду, чтобы плагин сразу туда отправлял скомипилированный файл.

   Asked by Spllit, December 9, 2019

   • less
   • vscode
   • настройка
   • плагин
   0 votes
   0 answers
10. Проблемы с формой

    При нажатии на кнопку в форме, сайт не перезагружается как нужно. В чем проблема? <div class ='div-form'> <h1>CALC</h1> <form id = 'myform'> <label for = 'inp-1'>Число 1</label> <input class = 'inp' id = 'inp-1' type ='text'></input> <br/><p></p> <label for = 'inp-2'>Число 2</label> <input class = 'inp' id = 'inp-2' type = "text"></input></form><br/> <input id = 'bu-end' type ='submit' value ="Суммировать"></input> <p class = 'sum' id = 'sum'>Сумма: <span class = 'sum-r' id = 'sum-r'></span></p> </form>&…

    Asked by AndreyCore, December 8, 2019

    • html
    • form
    • error
    • help
    • site
    • web
    0 votes
    2 answers
11. Как в таблице убрать бордер только между ячейками?

    Мне нужно убрать бордер только между двумя ячейками, “названием языка программирования “и “progress bаr’ом” пример на скриншоте. Красными чёрточками выделен border, который мне нужно убрать,. Так же всю таблицу сделать более яркой, чтобы название и progress bar, выделялись, и пользователь не запутался в результате голосование и видел какое название к какому progress bar’у относится. Как это можно сделать? А вот весь код: <div id="poll"> <table width="98%" border="1"> <tr> <td> Python </td> <td rowspan="2"> Количество голосов </td> <td rowspan="2"> Процент проголосовавших </td> </tr> &lt…

    Asked by Katerina23, December 7, 2019

    0 votes
    4 answers
12. блок съезжает влево

    блок съезжает влево хотя я главному блоку и тем которые внутри дал margin: 0 auto; помогите понять причину бага или наити его сайт http://frontend-er.h1n.ru/

    Asked by victorius, December 7, 2019

    0 votes
    4 answers
13. Как сделать разную прозрачность двум background-image

    Как сделать разную прозрачность двум background-image в одном блоке. Например у меня в header два фона background-image: url(фон 1), url(фон 2); opacity сразу двум делает прозрачность.

    Asked by igorofa, December 5, 2019

    • background-image
    0 votes
    3 answers
14. Толщина шрифта

    Столкнулся с такой проблемой, что Avocode неверно определяет тощину шрифта на макете в отличии от Photoshop. На скринах видно, что Avocode показвает, что толщина выделенного текста 400px. Однако Photoshop показывает, что выделенный текст имеет толщину extrabold, что равняется 800px. С чем это может быть связано и как это пофиксить

    Asked by Spllit, December 4, 2019

    • шрифт
    • avocode
    • photoshop
    0 votes
    1 answer
15. Не перемещается блок через margin

    Здравствуйте. Использовал на тексте float:right т.к. нужно было установить текст справа от блока с информацией сервера. Но когда я использовал float, блок с информацией(panel-body) сместился влево за край сайта. Путём долгих переборов своего говнокода я выяснил, что это из-за margin-left на panel-body. Отключаешь его - он становится надо, но появляется другая проблема: невозможно увеличить ширину panel-body. Пытался через width - безуспешно. Может кто помочь с данной проблемой? Страница с проблемой: Скрытый текст http://oldschool.bollobas.ru/servers.php

    Asked by Terron, December 4, 2019

    0 votes
    1 answer
16. "от кого" в приходящих сообщениях с сайта

    Здравствуйте. Есть простая контактная форма на php: <?php /* Задаем переменные */ $name = htmlspecialchars($_POST["name"]); $email = htmlspecialchars($_POST["email"]); $phone = htmlspecialchars($_POST["phone"]); $message = htmlspecialchars($_POST["message"]); $bezspama = htmlspecialchars($_POST["bezspama"]); /* Ваш адрес и тема сообщения */ $address = "Почта"; $sub = "Тема"; /* Формат письма */ $mes = "Заголовок\n Имя отправителя: $name Email отправителя: $email Телефон отправителя: $phone Комментарий: $message"; if (empty($bezspama)) { /* Отправляем сообщение, используя mail() функцию */ $from = "Reply-To: $email \r\n"; if (mail($address, $sub, $mes, $f…

    Asked by artem99357, December 3, 2019

    0 votes
    3 answers
17. Как перенести левое и правое меню под контента не сломав вёрстку?

    У меня сайт так разросся, что очень много категорий в меню как в правом так и в левом и основной контент находится слишком далеко внизу. Как перенести левое и правое меню под контент при этом не сломав вёрстку? Структура моего сайта такая: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Название сайта</title> <link rel="stylesheet" href="./styles.css"/></head> <body> <div> <div> Шапка </div> <div id="leftcol">Левое меню</div> <div id="rightcol">Правое мен…

    Asked by Katerina23, November 29, 2019

    0 votes
    3 answers
18. почему у ссылки у которой есть href="#" при нажатии на неё остается пунктирная граница

    <div class="header__nav-logo"> <a href="#">zippy</a> </div>

    Asked by victorius, November 26, 2019

    0 votes
    4 answers
19. Задействовать DIV и SPAN в скрипте

    В Яве полный ноль, помогите: имеется скрипт, в котором обрабатываются div c определенным тайтлом. Но нужно задействовать еще и span с тем же тайтлом. Код тут: <script> function getElementsByNameNew(tag, title) { var elem = document.getElementsByTagName(tag); var arr = new Array(); for(i = 0,iarr = 0; i < elem.length; i++) { att = elem[i].getAttribute("title"); if(att == title) { arr[iarr] = elem[i]; iarr++; } } return arr; } </script> <script> function Hidd() { //var hiddenElements = document.getElementsByName(); var hiddenElements = getElementsByNameNew('div','hidden'); if(hiddenElements[0].style.display == 'none') { var pass = prompt('Вв…

    Asked by Joerrigo, November 22, 2019

    • скрипт
    • ява
    0 votes
    5 answers
20. Как делаются фильтры для продуктов на сайтах?

    Здравствуйте. До сегодняшнего дня, я только занимался версткой макетов, и не совсем понимаю как в принципе после верстки сайты оживают и начинают работать. Вот например, я сверстал карточки товаров, и там есть сортировка, но понятия не имею как его делать. Там есть формы: - Дата начала аренды - Дата конца аренды - Тип транспорта - Цвет - Вместимость - Грузоподъемность Буду очень благодарен тому кто распишет как все это работает, а то понять не могу, что-то для меня это совсем темное и туманное....

    Asked by 6eJlbIu, November 20, 2019

    0 votes
    5 answers
21. Помогите с чат-ботом

    Помогите, делаю чат-бота по этому уроку и коду https://fokit.ru/kak-sozdat-chat-bota-besplatno/ Есть 6 веток вопросов. Я всё удобно подписал <!--Вопрос 1-->,<!--Вопрос 2-->.... У меня бот прогоняет все вопросы какие есть. Как сделать, чтобы после каждой ветки вопросов бот прекращал задавать вопросы? и еще, как сделать, чтобы бот выдавал вариант ответа, при нажатии на который, перекидывало на определенную страницу сайта? index-22.html

    Asked by ashelpakov95, November 15, 2019

    • html
    • java
    • bot
    • чат-бот
    • html+java
    0 votes
    0 answers
22. Style.less Unrecognised input

    Здравствуйте!У меня такая проблема в коде в style.less style.less @main-color: red; @main-bg-color: lightgray; @base-size: 24px; body { margin: 0; padding: 0; color: black; font-size: 14px; } p { color: @main-color; background-color: @main-bg-color; } .bordered { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .sq { height: @base-size * 15; width: @base-size * 15; background-color:darken(@main-bg-color, 50%) .bordered; } style.css body { margin: 0; padding: 0; color: black; font-size: 14px; } p { color: red; background-color: lightgray; } .bordered { -webkit-border-radius…

    Asked by Akbar, November 15, 2019

    0 votes
    4 answers
23. position: absolute; и position: relative; для мобильной версии сайта

    Добрый день! Жаль что у вас тут темы не удаляются, потому что когда писала, нашла у себя ошибку, а сейчас тему удалить не могу. Но сейчас не об этом. Есть не анимированный слайдер <div class="slider"> <div class="slider_site"> <img src="/images/slider_1.jpg" alt="DSC0604-min.jpg" border="0" class="img_slider"/> </div> <div class="slider_line"> </div> <div class="txt_left"> <h1 class="slider_h">АВТОМАТИЗАЦИЯ<br> КНС</h1> <div class="button"> <a href="#" class="button_a">Подробнее</a> </div&…

    Asked by marizza40, November 14, 2019

    • css
    0 votes
    3 answers
24. Помогите с отправкой информации на другую страницу сайта.

    У меня есть таблица на первой странице сайта Вот к примеру она.... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <select name="school" id="schoolContainer"> <option value="Код" selected>Код</option> <option value="10-0">10-0</option> <option value="10-1">10-1</option> <option value="Grandview">Grandview</option> <option value="Festus">Festus</option> <option value="R-7">R-7</option> <option value="Home-Schooled">Home-Schooled</option> </select> <input type="text" id="newSchool"/…

    Asked by Рудской, November 13, 2019

    • помощь
    • вопрос
    0 votes
    0 answers
25. Атрибут disabled

    Доброго времени суток, при написании одного из макетов встала проблема, нужно связать форму input с кнопкой, то есть задав параметр ввода через pattern="[a-z]{1,26}". Нужно сделать так чтобы при неправельно заполнены форме кнопка было не активной. <h2>Введіть Ключ</h2> <input id="key" class="form-control" pattern="[a-z]{1,26}" value="key" placeholder="Писати сюди"> <h2>Введіть слово</h2> <input id="slov" class="form-control" pattern="[a-z]{1,26}" value="hello" placeholder="Писати сюди"> <input class="btn btn-block btn-success" value="Закодувати" onclick="zakoduvaty5(this);" type="submit"> &l…

    Asked by Gora, November 13, 2019

    • disabled
    • блок
    • валидация
    0 votes
    1 answer