Ответы пользователя по тегу HTML
  • Почему @media не работает?

    @tempick
    Перезаписывается какими-то другими стилями. Найдите и удалите их (или хотя бы скиньте сюда нам скриншот, где больше стилей указано в коде элемента, ну или вот вам супер-патч:
    @media only screen and (min-width: 1450px) {
      .OrderButton{
        left: 40%!important;
        width: 10%important;
        border: 1rem solid white!important;
        font-size: 143.4%!important;
      }
    }

    (не советую так делать)
    Ответ написан
    Комментировать
  • Как выбрать select value?

    @tempick
    Если jQuery, то там нужно выбрать $('#industry > option:selected').val()
    Могу ошибиться, но вроде так должно работать
    Ответ написан
  • Как лучше сделать меню при уменьшении экрана?

    @tempick
    На мой взгляд, лучше будет вынести в подвал часть пунктов меню и оставить сверху только то, что понадобится клиенту в первую очередь. Например, "порядок работы", "этапы работы" и уж точно "новости" лучше вынести в футер. Оставьте действительно важные ссылки сверху - услуги, прайс, контакты. Остальное можно объединить и сделать лишь один пункт с выпадающим меню, например. Я не маркетолог, конечно, не скажу что именно куда выносить, но основной посыл - избавьтесь от лишнего в шапке.
    Ответ написан
    Комментировать
  • Как стилизовать сам инпут type="date"?

    @tempick
    Оборачиваете в label, сам input скрываете, а label стилизуете как хотите (необязательно оборачивать, главное привязать label к input и скрыть Input)
    Ответ написан
    3 комментария
  • Как сделать одну форму для нескольких товаров на сайте?

    @tempick
    1) Оставляете только одну форму, остальные убираете.
    2) Добавляете в форму элемент <input type="hidden" name="serviceType">
    3) В каждый элемент кнопки добавляете атрибут data-service-type="followers-1" (followers-2, followers-3... по аналогии)

    4) При событии клика по кнопке "заказать в 1 клик" показываете модалку с той самой единственной формой, а в input из шага "2" вставляете значение атрибута "data-service-type" у самой кнопки. Получить это значение и передать в форму можно вот так:
    let serviceType = $(this).attr('data-service-type'); //получаем атрибут у кнопки
    $('input[name="serviceType"]').val(serviceType); //вставляем в форму

    5) Создаем php-скрипт (у вас для каждой формы свой php-скрипт, не надо так. Оставьте один скрипт, остальные удалите). И в этом скрипте получаем скрипт услуги вот так: $_POST['serviceType']
    6) С помощью switch можно работать с этим значением. Например, если вы отправляете письмо себе на почту, то примерно это будет так:
    $emailSubject = 'Услуга: ';
    switch($_POST['serviceType']) {
        case 'followers-1':
            $emailSubject .= '2000 подписчиков';
            break;
        case 'followers-2':
            $emailSubject .= '5000 подписчиков';
            break;
        case 'followers-3':
            $emailSubject .= '8000 подписчиков';
            break;
        // и так далее
        default:
            die('Такой услуги нет!');
    }
    Ответ написан
  • Как сделать пошаговую форму с записью данных в БД?

    @tempick
    Есть несколько вариантов. Я не эксперт (исключительно любитель), так что не утверждаю, что хотя бы один из них реально правильный.

    Вариант 1. Создание сессии на стороне сервера, сохранение данных из формы в самой сессии.
    Вариант 2. Создание сессии, но сохранение данных в БД. Присваиваем уникальный ID пользователю (как правило, это решает за нас атрибут AUTO_INCREMENT в бд) и в сессии храним лишь этот id. При повтором открытии формы пользователем берем из сессии его id, ищем в бд, и если есть уже заполненные им поля формы, то подставляем эти значения в форму.
    Вариант 3. Без сервера и бд. Сохраняем все введенные данные с помощью js в LocalStorage. При повторном заходе клиента, просто смотрим, есть ли в хранилище введенные им данные, и если есть, подставляем в форму. Но если в форме есть поля с загрузкой файлов, то в этом случае, нужно будет их хранить, например, в base64.

    В первом и третьем варианте подразумевается, что в после заполнения всех полей формы все данные всё равно будут записаны в БД.

    UPD: тут зависит от конкретного случая. Если, например, на первом этапе пользователь воодит свой E-mail, и он вам понадобится, например, для рассылок, независимо от того, заполнил он форму полностью или нет - то лучше второй вариант. Если же вам не нужны данные пользователя, пока он не заполнит все поля - то третий вариант будет проще и лучше. Ну и первый вариант в этом случае тоже подойдет
    Ответ написан
    2 комментария
  • Как перемещать дочерний объект и не выходить за блок?

    @tempick
    блоку с картинкой укажите
    position:relative;
    а кнопку оберните в блок и назначьте ему
    position:absolute;
    bottom: 10px; /* любое нужное значение */
    left: 0px;
    text-align:center;
    Ответ написан
  • Как правильно разместить задний фон в блоке?

    @tempick
    так через background-image указываете путь к картинке, и она будет фоном
    Ответ написан
    Комментировать
  • Откуда можно скачать исходник современных сайтов что бы посмотреть как сверстать и изучить?

    @tempick
    Можно установить любой оффлайн-браузер. Выбираете любой понравившийся сайт и он скачивает вам его на комп.
    Ответ написан
  • Как передать значение атрибута в div?

    @tempick
    var priceTitle=$('.price-title').attr('data-price-title');
    $('.price-title').html(priceTitle);

    Примечание: $(this) у вас не вернет нужный объект, т.к. обернули в анонимную функцию. $(...).val() - используется только для элементов формы (input, textarea и тд). Для обычных элементов используют методы html('...') и text('...'). Чем они различаются, думаю, сами догадаетесь
    Ответ написан
    Комментировать
  • Как вставить код меню из отдельного файла на все страницы сайта?

    @tempick
    Вообще, лучше использовать сервер и php (ну или другой серверный язык), но если вам принципиально, то можно и на js (в данном примере используется jquery)
    $('body').prepend('<div id="menu">'); //в начало body добавляем элемент с id=menu
    $.post('menu.html',function(data) { //получаем код файла menu.html
        $('#menu').html(data);  //вставляем в div id=menu
    });
    Ответ написан
    Комментировать
  • Как задать стиль родительскому элементу, в котором есть определенный класс?

    @tempick
    С помощью css на данный момент такое невозможно. Псевдокласс :has на данный момент не поддерживается ни одним браузером
    https://developer.mozilla.org/en-US/docs/Web/CSS/:has
    Ответ написан
    Комментировать
  • Как сделать такой красивый эффект при открытии меню навигации в мобильной версии?

    @tempick
    Также можно использовать библиотеку jQuery - там есть функции для подобной анимации
    Ответ написан
    Комментировать
  • Как сделать див блоки по центру:?

    @tempick
    Задайте блокам display:inline-block и оберните их оба в div и задайте свойство ему text-align:center
    Ответ написан
    Комментировать