HTML Coding

29,542 questions in this forum

1. Не работает команда 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
2. Ограничение высоты изображения

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

   Asked by alex_web64, December 11, 2019

   0 votes
   1 answer
3. Проблемы с формой

   При нажатии на кнопку в форме, сайт не перезагружается как нужно. В чем проблема? <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
4. поле для ввода текста генерация html

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

   Asked by asd_rojd, December 10, 2019

   0 votes
   2 answers
5. Настройка 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
6. блок съезжает влево

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

   Asked by victorius, December 7, 2019

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

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

   Asked by igorofa, December 5, 2019

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

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

   Asked by Spllit, December 4, 2019

   • шрифт
   • avocode
   • photoshop
   0 votes
   1 answer
9. Не перемещается блок через 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
10. "от кого" в приходящих сообщениях с сайта

    Здравствуйте. Есть простая контактная форма на 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
11. Как перенести левое и правое меню под контента не сломав вёрстку?

    У меня сайт так разросся, что очень много категорий в меню как в правом так и в левом и основной контент находится слишком далеко внизу. Как перенести левое и правое меню под контент при этом не сломав вёрстку? Структура моего сайта такая: <!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
12. почему у ссылки у которой есть href="#" при нажатии на неё остается пунктирная граница

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

    Asked by victorius, November 26, 2019

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

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

    Asked by 6eJlbIu, November 20, 2019

    0 votes
    5 answers
14. Задействовать 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
15. ПОМОГИТЕ НАЙТИ ОШИБКУ.

    Не отображается рамка на панели "поиск" и не меняется курсор при наведении на запрос. Скрытый текст <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <meta name="description" content="Киномонстр - это портал о кино"> <meta name="keywords" content="фильмы, фильмы онлайн, hd" /> <link rel="stylesheet" href="assets/css/style.css"> </head> <body> <div class="main"> <div class="header"> <div class="logo"> <div class="logo_text"> <h1><a hr…

    Asked by Наталья12, November 11, 2019

    • html верстка
    0 votes
    3 answers
16. 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
17. Помогите с чат-ботом

    Помогите, делаю чат-бота по этому уроку и коду 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
18. 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
19. Атрибут 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
20. Помогите с отправкой информации на другую страницу сайта.

    У меня есть таблица на первой странице сайта Вот к примеру она.... <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
21. Сайт не отображает блок

    Первый раз создаю сайт на хостинге. Не видит блок о компании. Он в конструкции есть, на сайте пустота.

    Asked by marizza40, November 13, 2019

    • css
    0 votes
    1 answer
22. Как расположить изображение и текст по левому и правому краю. В заголовке

    style.css index.html

    Asked by digenis, November 10, 2019

    • текст
    • images
    • img
    • изображение
    • блочные
    • блочные элементы
    • css
    • html
    • блок
    • оформление текста
    0 votes
    3 answers
23. Из чего состоят сайты 2019?

    Всем привет. У меня тут глупый вопрос появился... Вот В общем то и он - из чего состоят сайты в 2019 году? А если подробнее, то я начал изучать создание сайтов. По началу казалось все очень легко. Совместил html+css и получил одностраничник. Но углубившись в эту тему там всплыло столько всего - бутсрап, препроцессоры, sql, js и так далее. Что из всего этого нужно учить после html и css? Какая у меня цель? Выйти на фриланс и зарабатывать на пропитание... (Извиняюсь если налил много фигни, жизнь без сна дает о себе знать)

    Asked by Flex12, October 10, 2019

    0 votes
    5 answers
24. Почему при адаптиве съезжает элемент на Bootrstrap 4?

    не могу понять почему у меня съезжает телефон при уменьшении экрана? Вроде все перепробовал , но не выходит... <div class="row"> <div class="col-lg-3 "> <img src="img/logo.png" alt="logo"> </div> <div class=" col-lg-2 offset-lg-4 align-self-center phone text-right"><a href="#">+7 495 771 05 08</a></div> <div class="col-lg-3 align-self-center text-right"><button class="button header-btn ">получить консультацию</button></div> </div>

    Asked by Tempest99, November 7, 2019

    0 votes
    0 answers
25. Не получается сжать текст

    Как "сжать" текст в "Home", "About", "Services" и т.д. ?

    Asked by Asha11981, November 2, 2019

    0 votes
    11 answers