HTML Coding

29,542 questions in this forum

1. БЭМ. Правильно ли?

   Доброго. Пришло время осваивать БЭМ -_- Подскажите, правильно ли в данном случае оформлено? (в данном посту буду и дальше задавать вопросы, так что не расходимся😀 ) Для обучения пока выбрал простенький макет. <header class="header"> <div class="header__text"> <p class="text-head"> Заголовок </p> <ul class="text-main"> <li class="text-main__item"> Пункт 1 </li> <li class="text-main__item"> Пункт 2 </li> <li class="text-main__item"> Пункт 3 </li> <li class="text-main__item"> Пункт 4 </li> </ul> &l…

   Asked by Max94, August 3, 2019

   0 votes
   0 answers
2. Как кастомизировать форму хабспота?

   ЗдравствуйтеНе получается кастомизировать форму хабспота. (только стили и визуал)Не понимаю в чем проблема и где не там пишу.Доки: https://developers.hubspot.com/docs/...d_form_optionsПрописываю и реакции 0: <style> .my-custom-form input[type=text] { border: 3px solid red; } </style> <div> <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script> <script> hbspt.forms.create({ portalId: "6402240", formId: "c39e10cd-caf3-4853-b412-fef2e723c153", cssClass: "my-custom-form" }); </script> </div>

   Asked by VladV, September 20, 2019

   0 votes
   0 answers
3. Границы таблицы в WordPress

   Привет, ребят! Наверное, типовой вопрос новичка, но перелопатив всё - так и не смог разобраться. Делаю таблицу на своём блоге. Чтобы не забивать код самой страницы, я просто присваиваю класс, вот так: <table class="table-card"> <tr> <td>Один</td> <td>Два</td> </tr> </table> В style.css пишу следующий код: .table-card{border-collapse:collapse} Но так и получается убрать границы у таблицы. Где я косячу? Сразу уточню: В шаблоне уже есть заданный класс для таблицы. Я меняю его на свой, как показал на первом примере... Надеюсь, что это правильно. На картинке я изобразил приблизитель…

   Asked by prowerty, October 7, 2019

   0 votes
   0 answers
4. Grid проблема с текстом

   display: grid grid: "leftSection regStep rightSection " auto "leftSection submitButton rightSection" auto / auto auto Когда в regStep появляется текст, сетка исчезает, то есть весь текст растягивается на всю ширину текста, как исправить этот баг и заставить текст оставаться по середине экрана? Набросал такой вариант grid "leftSection regStep rightSection " auto "leftSection submitButton rightSection" auto/ minmax(20px, 20%) minmax(60%, 1fr) minmax(20px, 20%) Но мне кажется этот код попахивает 😃

   Asked by McLotos, October 9, 2019

   0 votes
   0 answers
5. Помощь по сайту

   Вот есть такой сверстанный сат https://webdesigggn.000webhostapp.com Почему при изменении разрешения в инструментах разработчика все окей и все адаптивно но когда зайти через ctrl + shift + m и менять то же но как на смартфоне то все идет по бороде. Адаптивности нету блоки не на всю ширишу и тд. Буду благодарен если кто то подскажет в чем может быть проблема.

   Asked by Єгор, October 11, 2019

   0 votes
   0 answers
6. Ищу ментора или курсы по созданию сайтов

   Ищу ментора по веб-разработке. Готов работать бесплатно или платить за обучение. Главное, что бы я мог потом зарабатывать.

   Asked by Amaere, October 12, 2019

   • html
   • css
   • учитель
   • ментор
   • курсы
   0 votes
   0 answers
7. 408 Request Timeout

   Как написать код, который будет вызывать ошибку 408?

   Asked by elya, October 22, 2019

   0 votes
   0 answers
8. Почему при адаптиве съезжает элемент на 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
9. Помогите с отправкой информации на другую страницу сайта.

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

    Помогите, делаю чат-бота по этому уроку и коду 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
11. Странные пустые места при переносе картинки.

    Доброго времени. Дали задание в колледже сверстать сайт по макету. Сам я не особо в этом хорош, но попытался сделать. Итого вопросы: Есть макет: https://imgur.com/zWRi07X А вот что получается у меня: Места в которых изначально были изображения, при переносе этих самых ихображений почему-то остаются занятыми пустыми обьектами. Картинки обернул в div, и для каждой картинки прописал id из файла css. Код кидать нельзя, к сожалению, но для наглядности скину скрины нужных фрагментов.

    Asked by Мальчик Тарантино, December 22, 2019

    0 votes
    0 answers
12. Настройка 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
13. Не работает команда 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
14. фоновая картинка с блоком внутри

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

    Asked by victorius, December 14, 2019

    0 votes
    0 answers
15. Картинка (при уменьшении броузера)

    Здравствуйте Помогите пожалуйста решить следующую проблему. Есть попытка сделать картинку в хедере так, чтобы при уменьшении броузера она адаптировалась под размеры. Что то идёт не так, и когда уменьшаешь броузер - часть картинки задвигается налево и становится видно только правую часть картинки. Если есть время, то помогите пожалуйста. .logoheader { background: url(../img/pics/headerpic.png) no-repeat right; bottom #0C1A3E; color: #FFFFFF; min-height: 250px; } #header { display: block !important; position: relative; padding: 1em 0 0 0; /* 8em 0 0 0 */ overflow: hidden; }

    Asked by Barik, December 20, 2019

    0 votes
    0 answers
16. блок с адаптивный контентом

    как сверстать блоком с картинкои с бамбуком на левои стороне где весь блок это картинка + поверх контент я сделал так = через html подключил картинку + поверх вставил блок с контентом (с position absolute)и все спозиционировал в нужное место блоку в котором находится картинка задал position relative. есть проблема при уменьшении экрана контент вываливается из картинки как сделать чтобы контент не вываливался из картинки в смысле чтобы высота картинки менялась под контент ? еще проблема как убрать 2 вертикальных скролла которые появляются при уменьшении экрана http://frontend-er.h1n.ru/asia-spa вот блок картинка чтобы лучше п…

    Asked by victorius, December 22, 2019

    0 votes
    0 answers
17. слаидер slick с картинкой

    при ширине экрана @media(max-width:768px) в самый низ страницы верстки есть слайдер внутри него есть контент с картинкой хочу поместить картинку за границы слайда сверху но картинка обрезается. как сделать чтобы было видно ссылка на верстку http://frontend-er.h1n.ru/asia-spa/

    Asked by victorius, December 30, 2019

    • верстка
    • css
    0 votes
    0 answers
18. Как растянуть меню и сохранить контент по середине?

    Здравствуйте, не подскажите как растянуть выпадающее меню на всю ширину страницы, что бы контент/ссылки так и оставались на середине? Догадываюсь, что проблема в позиционировании "absolute" "relative", но знаний не хватает куда что прописать. Вот код css: #menu-wrapper {display:block; width:960px; margin: 0 auto;} /* Reset */ .nav, .nav a, .nav ul, .nav li, .nav div, .nav form, .nav input { margin: 0; padding: 0; border: none; outline: none; } .nav a { text-decoration: none; } .nav li { list-style: none; } /* Menu Container */ .nav { display: inline-block; position: relative; …

    Asked by vignaliizada88, January 31, 2020

    0 votes
    0 answers
19. Ломанная линия на flex (мозаичная верстка)

    Привет. Друзья, подскажите пожалуйста, как сверстать вот такую сетку на флексах, чтобы блоки нижнего ряда прилипали к блокам верхнего (типа мозаичная верстка). Применил align-items:flex-start, думал что сработает, но нет...

    Asked by Yurii.Vovchuk, December 31, 2019

    • flex
    • flexbox
    • mosaic
    0 votes
    0 answers
20. Начало пути

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

    Asked by antizyk, January 22, 2020

    0 votes
    0 answers
21. bootstrap число колонок

    добрый день как увеличить колонки с 12 до 24 ?

    Asked by Jester, January 25, 2020

    0 votes
    0 answers
22. Safary и Chrome мобильные устройства - позиционирование футера

    Бобра всем! Обычно элемент (футер) прибить к bottom экрана просто: - или через абсолтное позиционирование и свойство bottom - через свойство height в vh - через flex Но у сафари (и теперь с недавних пор Chrome) для мобильных устройств стандартные методы вызывают эффект описанный в этой статье: Ссылка на описание бага Если коротко, то нижняя часть интерфейса браузера мобильного устройства перекрывает прибитый к футеру элемент. Сейчас я кое как решил этот эффект путём JS : вычисляю реальную видимую рабочую высоту экрана (в которую не входит интерфейс браузера), вычисляю высоту элемента, который я хочу прибить к низу, и абсолютно его позиционирую о…

    Asked by Faab, January 30, 2020

    0 votes
    0 answers
23. Помогите доделать задание, пожалуйста. Наработки присутствуют.

    Я сделал вот это - внизу скрин. Надо сделать то, что под 8 и 9 номером. Как это сделать? уже неделю ищу - не могу ничего найти. Скрытый текст <!DOCTYPE html> <html> <head> <meta charset='utf-8'> <meta http-equiv='X-UA-Compatible' content='IE=edge'> <title>Four sectors circle</title> <meta name='viewport' content='width=device-width, initial-scale=1'> </head> <body> <h1>Круг из четырех секторов</h1> <style> .custom-button>use { fill: rgb(202, 20, 36); } .custom-button:hover { stroke: black; …

    Asked by romanlol, February 11, 2020

    0 votes
    0 answers
24. Отменить overflow для внешнего дива и вернуть для внутреннего

    Доброго дня! Не могу отменить overflow для внешнего дива и вернуть для внутреннего. Помогите! http://dabblet.com/gist/ecf15d87d3f339c4364d513f6a36e239

    Asked by abceprst, February 22, 2020

    0 votes
    0 answers
25. Как сделать такую анимацию?

    Как сделать анимацию как на этом сайте https://travelshift.com/ Если зажать мышку то картинки меняются анимировано можете мне с этим помочь

    Asked by Jasahd0307, April 4, 2020

    • анимация
    • front-end верстка
    0 votes
    0 answers