Задать вопрос
Ответы пользователя по тегу HTML
  • Как реализовать переход с Bootstrap 3 на Bootstrap 5?

    ThunderCat
    @ThunderCat Куратор тега HTML
    {PHP, MySql, HTML, JS, CSS} developer
    Варианты перехода с Bootstrap 3 на Bootstrap 5:
    1. Постепенная миграция (Hybrid approach)

    Подключить Bootstrap 5 с префиксом классов
    Переписывать компоненты по одному
    Использовать CSS-изоляцию для избежания конфликтов
    Плюсы: Сайт остается рабочим, можно мигрировать частями
    Минусы: Увеличенный размер CSS, сложность поддержки

    2. Использование Bootstrap Migration Tool

    Автоматические инструменты для замены классов
    Скрипты для массовой замены в файлах
    Плюсы: Быстрая автоматизация базовых изменений
    Минусы: Не покрывает все кейсы, нужна ручная доработка

    3. Создание CSS-моста (Polyfill)

    Написать CSS-правила для совместимости классов BS3
    Создать алиасы для старых классов
    Плюсы: Минимальные изменения в HTML
    Минусы: Не все компоненты можно эмулировать, устаревший подход

    4. Полная перепись с нуля

    Установить Bootstrap 5
    Переписать все компоненты и страницы
    Плюсы: Современный код, лучшая производительность
    Минусы: Много времени, высокий риск поломок

    5. Использование CSS-in-JS или препроцессоров

    Создать миксины для совместимости
    Использовать SCSS для переопределения
    Плюсы: Гибкость настройки
    Минусы: Нужны знания препроцессоров

    6. Bootstrap 4 как промежуточный этап

    Сначала мигрировать на BS4, потом на BS5
    Плюсы: Меньше кардинальных изменений за раз
    Минусы: Двойная работа

    7. Микросервисный подход

    Переписывать отдельные секции сайта на новом Bootstrap
    Постепенно заменять старые части
    Плюсы: Изолированные изменения
    Минусы: Сложность интеграции

    Для больших проектов: Постепенная миграция (#1)
    Для средних проектов: Bootstrap 4 как промежуточный этап (#6)
    Для небольших сайтов: Полная перепись (#4)
    При ограниченном времени: CSS-мост (#3)
    Ответ написан
    2 комментария
  • Не работает эта чатсть submit.addEventListener?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    1) Код должен дождаться загрузки всего документа, если вы собираетесь работать с его элементами. Используйте евенты загрузки документа.
    2)
    не работает эта часть кода
    Нормально описывайте что происходит, "не работает" это не описание проблемы, что пишет консоль, какие ошибки? Описывайте в вопросе.
    3) Соответственно читайте ошибки, думайте что могло пойти не так, вбивайте ошибку в поиск и читайте решения.

    В вашем случае скорее всего достаточно добавить евент загрузки DOM...
    И код скринами запрещен правилами сервиса.
    Ответ написан
  • Как сделать блокировку тегов/атрибутов тегов на сайтах Android/iOS?

    ThunderCat
    @ThunderCat Куратор тега HTML
    {PHP, MySql, HTML, JS, CSS} developer
    FF + AdGuard?
    Алсо, что-то типа тампермонки/оранжмонки...
    Ответ написан
    Комментировать
  • Простой счётчик без БД (допустим на основе txt файла)?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    По сути ксть только 2 варианта:
    1) Смотреть логи сервера расположения.
    Из плюсов - простой надежный вариант, не требующий дополнительных телодвижений (ну почти, логи все же надо как-то обработать, но хотя бы с записью проблема отпадает).
    Из минусов - логи могут не вестись конкретно этим сервером, логи могут регулярно чиститься, может быть проблема с доступами к ним, алсо, если сервер заранее не настроен на сбор статистики, то поведение логов может завтра поменяться и приехали.

    2) Встроить систему мониторинга на js, которая будет отсылать данные на внешний сервис, где уже можно делать как нравится.
    Из плюсов - независимость от практически любых условий, единственное требование - доступ к страничке по хттпс. Как вариант - готовые сервисы учета тараффика и аналитики.
    Из минусов - нужен сервер с кастомными настройками и базовые знания жс и какого-нибудь серверсайд языка (пых, питон, та же нода...). В случае внешнего сервиса все проще, но необходим доступ к интернету на местах.
    Ответ написан
    Комментировать
  • Что не так с вёрсткой кнопок?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    https://codepen.io/ThunderCat-aka-Snark/pen/bNGdbNe
    При вышеописанных условиях ничего не двигается. Косяк где-то выше по дереву, или какие-то стили перебиваются, что легко можно глянуть в инспекторе стилей.
    Ответ написан
  • Как сделать поле ввода формы кликабельным?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    1) Данный код ничего в плане понимания проблемы не дает
    2) Неработающий/работающий неверно код большого объема желательно вносить в фиддл, чтобы смотреть на живой пример, а не на абстрактные "два поля".
    3) Рискну предположить что элементы лежат в области, накрытой другим элементом, по этому клик по ним не проходит, смотрите какие элементы у вас в этой области. Что-то более конкретное можно сказать только по "живому" примеру.
    Ответ написан
    Комментировать
  • Как загрузить фото из формы в корень сайта в папку img?

    ThunderCat
    @ThunderCat Куратор тега PHP
    {PHP, MySql, HTML, JS, CSS} developer
    Подскажите, что не так

    1) Вы не читаете и не осмысливаете текст ошибки. Не в смысле глазами, а в смысле "что там произошло то?". Для вас текст ошибки проблема, а не путь решения.
    2) Не проверяете то, что интерпретатор считает неправильным, что как бы прямое следствие п.1.
    3) Считаете что знаете что на самом деле лежит в переменных, не заглядывая в реальные данные.
    Ответ написан
    Комментировать
  • Как правильно вставить HTML-код в JSON-файл?

    ThunderCat
    @ThunderCat Куратор тега HTML
    {PHP, MySql, HTML, JS, CSS} developer
    Очевидно что просто вставить текст в кавычки не является правильным способом формировать жсон. Нормальный жсон работает как положено.
    Ответ написан
  • Почему элемент header group выходит за рамки контейнера при уменьшении размеров экрана?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    Короче, у вас заданы жесткие размеры элементов внутри блока, пример:
    .search__form {
        border: solid 1px;
        width: 622px;
        height: 48px;
        gap: 24px;
        margin-top: 16px;
    }

    Естественно при уменьшении экрана эти элементы останутся такого же размера, а блок контейнер продолжит уменьшаться, так как у него нет никаких ограничений по ширине. Не понятно какого другого поведения вы ждете от такой верстки?
    Ответ написан
  • Почему col-xl-10 не работает при указании col-md-8?

    ThunderCat
    @ThunderCat Куратор тега HTML
    {PHP, MySql, HTML, JS, CSS} developer
    Принцип построения блоков в бутстрап описан в документации, а вы прочитали 3 рандомные странички и пытаетесь по ним что-то построить. Каждый адаптивный блок должен быть заключен в row, а внутри уже можно располагать какое-то количество col элементов.

    Так же вся адаптивная страничка должна содержать container, задающий ширину адаптива.
    Ответ написан
    Комментировать
  • Как добавить и реализовать эти кнопки для поля поиска?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    скорее всего тупо ссылки по типу <a href="/search?q=iPhone">iPhone</a>
    Ответ написан
    1 комментарий
  • Как преодолеть войну браузеров при выборе DateTime input?

    ThunderCat
    @ThunderCat Куратор тега HTML
    {PHP, MySql, HTML, JS, CSS} developer
    в Chrome все ок Date picker с часами.
    да нифига, например при скорле с открытым датапикером само окошко датапикера остается на месте, а поле селекта стандартно скорлится отдельно...

    Короче, пока только на яваскрипте, например https://flatpickr.js.org/examples/
    Ответ написан
    Комментировать
  • Как указать картинку для закладок браузера?

    ThunderCat
    @ThunderCat Куратор тега HTML
    {PHP, MySql, HTML, JS, CSS} developer
  • Как сделать также фото с текстом по центру?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    align-items: center;
    Ответ написан
    Комментировать
  • Какая формула xpath будет переходить с главной страницы по условию(названию анкора) и находить заданные данные?

    ThunderCat
    @ThunderCat Куратор тега HTML
    {PHP, MySql, HTML, JS, CSS} developer
    xpath сам никуда не переходит. Это инструмент поиска по нодам внутри уже полученного хтмл/хмл, а не инструмент запросов.
    Ответ написан
    Комментировать
  • Почему не работает слайдер Slick в Bootstrap?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    Бутстрап тут при чем?
    1) Не вижу подключения сликслайдера.
    2) криво прописаны пути до яваскриптов и стилей, соответственно нифига не работает
    3) Подключен овл карусель, который тоже видимо не работает
    4) В коде нет вышеописанного блока

    что за папка такая - isset? Может assets?

    90% вопросов без отмеченных решением, при том что ответы там вполне есть...
    Ответ написан
    3 комментария
  • Как избавиться от ломающих тегов HTML которые создаются пользователем на странице?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    Так в чем проблема? В тегах как таковых или в их стилизации?
    В первом случае - php strip_tags или аналогичный функционал другого ЯП на стороне сервера, во втором случае - редактор с поддержкой bbcode + strip_tags на стороне сервера.
    Ответ написан
    Комментировать
  • Как сделать перенаправление по слову html?

    ThunderCat
    @ThunderCat Куратор тега HTML
    {PHP, MySql, HTML, JS, CSS} developer
    js + onClick + preventDefault() + window.location.href
    Ответ написан
  • Как отправить форму на почту с помощью PHP?

    ThunderCat
    @ThunderCat Куратор тега PHP
    {PHP, MySql, HTML, JS, CSS} developer
    PHP файл, который должен отправлять форму мне на почту.
    Не должен, должен передать в очередь отправки. Дальше система сама решает что делать.

    Подскажите, пожалуйста, в чем моя ошибка?
    Использование внутренней функции mail() оправдано только в случае если это полностью контролируемый и настроенный вами сервер.

    Используйте phpmailer/swiftmailer.
    Ответ написан
    1 комментарий
  • Почему не приходит ответ на запрос?

    ThunderCat
    @ThunderCat Куратор тега PHP
    {PHP, MySql, HTML, JS, CSS} developer
    смотрите консоль браузера, читаете ошибку, гуглите, бросаете заниматься фигней.
    Так же ососзнаете, что приватные данные по типу ключа апи в открытом виде (например в переменных js) хранить не стоит, так как любой малолетний хацкер его спалит за 3 секунды.
    Такие запросы делаются на стороне сервера.
    Ответ написан
    Комментировать