HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Помогите подключить SASS
Доброго время суток. Помогите подключит препроцессор SASS. При компиляции всплывает ошибка "ArgumentErorr: invalid bytes sequence in UTF-8 Use --trace for backtrace". Не знаю как победить.
0 votes2 answers -
Почему при адаптиве съезжает элемент на 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>
0 votes0 answers -
ПОМОГИТЕ НАЙТИ ОШИБКУ.
Не отображается рамка на панели "поиск" и не меняется курсор при наведении на запрос. Скрытый текст <!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…
0 votes3 answers -
Атрибут 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…
0 votes1 answer -
Сайт не отображает блок
Первый раз создаю сайт на хостинге. Не видит блок о компании. Он в конструкции есть, на сайте пустота.
0 votes1 answer -
Помогите с отправкой информации на другую страницу сайта.
У меня есть таблица на первой странице сайта Вот к примеру она.... <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"/…
0 votes0 answers -
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…
0 votes4 answers -
Помогите с чат-ботом
Помогите, делаю чат-бота по этому уроку и коду https://fokit.ru/kak-sozdat-chat-bota-besplatno/ Есть 6 веток вопросов. Я всё удобно подписал <!--Вопрос 1-->,<!--Вопрос 2-->.... У меня бот прогоняет все вопросы какие есть. Как сделать, чтобы после каждой ветки вопросов бот прекращал задавать вопросы? и еще, как сделать, чтобы бот выдавал вариант ответа, при нажатии на который, перекидывало на определенную страницу сайта? index-22.html
0 votes0 answers -
Slick Slider неправильно рассчитывает высоту слайда
Добрый день. При первой загрузке на телефоне (и только на телефоне) Slick Slider неверно рассчитывает высоту слайдов: При пролистывании через несколько слайдов всё становится как надо: При перезагрузке слайдер также нормально грузится сразу. Это сдвоенный слайдер, т.е. нижний управляет верхним. Все картинки одного размера. Нижний слайдер работает нормально всегда, хотя в нём картинки те же самые. Пустая область под картинкой относится к слайду, т.к. за неё можно свайпать слайдер. В чём может быть проблема?
0 votes2 answers -
Странные пустые места при переносе картинки.
Доброго времени. Дали задание в колледже сверстать сайт по макету. Сам я не особо в этом хорош, но попытался сделать. Итого вопросы: Есть макет: https://imgur.com/zWRi07X А вот что получается у меня: Места в которых изначально были изображения, при переносе этих самых ихображений почему-то остаются занятыми пустыми обьектами. Картинки обернул в div, и для каждой картинки прописал id из файла css. Код кидать нельзя, к сожалению, но для наглядности скину скрины нужных фрагментов.
0 votes0 answers -
Как делаются фильтры для продуктов на сайтах?
Здравствуйте. До сегодняшнего дня, я только занимался версткой макетов, и не совсем понимаю как в принципе после верстки сайты оживают и начинают работать. Вот например, я сверстал карточки товаров, и там есть сортировка, но понятия не имею как его делать. Там есть формы: - Дата начала аренды - Дата конца аренды - Тип транспорта - Цвет - Вместимость - Грузоподъемность Буду очень благодарен тому кто распишет как все это работает, а то понять не могу, что-то для меня это совсем темное и туманное....
0 votes5 answers -
Задействовать 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('Вв…
0 votes5 answers -
почему у ссылки у которой есть href="#" при нажатии на неё остается пунктирная граница
<div class="header__nav-logo"> <a href="#">zippy</a> </div>
0 votes4 answers -
"от кого" в приходящих сообщениях с сайта
Здравствуйте. Есть простая контактная форма на 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…
0 votes3 answers -
Не перемещается блок через margin
Здравствуйте. Использовал на тексте float:right т.к. нужно было установить текст справа от блока с информацией сервера. Но когда я использовал float, блок с информацией(panel-body) сместился влево за край сайта. Путём долгих переборов своего говнокода я выяснил, что это из-за margin-left на panel-body. Отключаешь его - он становится надо, но появляется другая проблема: невозможно увеличить ширину panel-body. Пытался через width - безуспешно. Может кто помочь с данной проблемой? Страница с проблемой: Скрытый текст http://oldschool.bollobas.ru/servers.php
0 votes1 answer -
Толщина шрифта
Столкнулся с такой проблемой, что Avocode неверно определяет тощину шрифта на макете в отличии от Photoshop. На скринах видно, что Avocode показвает, что толщина выделенного текста 400px. Однако Photoshop показывает, что выделенный текст имеет толщину extrabold, что равняется 800px. С чем это может быть связано и как это пофиксить
0 votes1 answer -
Как сделать разную прозрачность двум background-image
Как сделать разную прозрачность двум background-image в одном блоке. Например у меня в header два фона background-image: url(фон 1), url(фон 2); opacity сразу двум делает прозрачность.
0 votes3 answers -
блок съезжает влево
блок съезжает влево хотя я главному блоку и тем которые внутри дал margin: 0 auto; помогите понять причину бага или наити его сайт http://frontend-er.h1n.ru/
0 votes4 answers -
Как в таблице убрать бордер только между ячейками?
Мне нужно убрать бордер только между двумя ячейками, “названием языка программирования “и “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> <…
0 votes4 answers -
Проблемы с формой
При нажатии на кнопку в форме, сайт не перезагружается как нужно. В чем проблема? <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>&…
0 votes2 answers -
Настройка Less
Подскажите как настроить настроить плагин в VS Code "Easy Less" таким образом, чтобы этот плагин компилировал css файл в другую папку (не в ту где лежить .less) Я пробовал в настройки Package.json записывать компанду, которая указана в докумментации на гите { "less.compile": { "main": ["${workspaceRoot}\\css\\main.less"] } } но эта команда просто добавляет дополнительные папки в корень той, где лежит .less. Добавил скрин с тем куда нужно положить скомилированный файл. Если кому не трудно напишите команду, чтобы плагин сразу туда отправлял скомипилированный файл.
0 votes0 answers -
Ограничение высоты изображения
Здравствуйте. Есть такой пример jsfiddle.net Можно как-то заставить изображение сжиматься по высоте, занимая все доступное место контейнера, но не более? На ум приходит только абсолютное позиционирование.
0 votes1 answer -
поле для ввода текста генерация html
день добрый,На страничке нужно создать поле для ввода в которое вставят текст из ворда с разметкой шрифтами и тд что бы после нажатия кнопки сохранить этот текст генерил html что бы его можно было сохранить в таблицу, ну и в будущем его же там же редактировать.. (что то подобное как на этом форуме) только тут надо мануально шрифты менять и тд там что бы это все сохраняла компонента какая компонента может мне в этом помочь? заранее спасибо
0 votes2 answers -
Помогите настроить меню сайта
Всем добрый день, установил шаблон на домен mybublik.ru . Вроде все хорошо, но на айфонах когда смотришь и нажимаешь бутер, то меню прячется за главный баннер сайта (на андройде такого нет). Подскажите в чем причина и как поправить) Приложил два скрина (первый с андройда, второй с айфона там и видно проблему)
0 votes5 answers -
Не работает команда pug в консоли
Здравствуйте! У меня есть сборка проекта gulp. мне необходимо установить шаблонизатор pug для моего проекта. Node.js у меня установлен. Пишу сначала npm install pug, затем npm install pug-cli - все устанавливается. Когда пишу pug --help консоль пишет pug: command not found
0 votes0 answers