mrnobody

Эксперт
  • Публикации

    777
  • Зарегистрирован

  • Посещение

  • Дней в лидерах

    26

Последний раз mrnobody выиграл 27 сентября

Публикации mrnobody были самыми популярными!

Репутация

198 Хорошая

О mrnobody

  • Звание
    Специалист

Информация

  • Пол
    Мужчина
  • Откуда
    Брянск

Посетители профиля

5 563 просмотра профиля
  1. Проблема отображения элемента в Firefox

    У вас ошибка на event.stopPropagation(). Нужно добавить в параметр функции переменную event на 32 строчке в файле common.js: $(".custom-select-trigger").on("click", function(event) { // <- тут добабвить event $('html').one('click',function() { $(".custom-select").removeClass("opened"); }); $(this).parents(".custom-select").toggleClass("opened"); event.stopPropagation(); });
  2. Не работает мобильное меню

    В консоли ошибка - говорит, что вы не подключили jQuery. Или вы его не подключили только в jsfiddle, а в проекте подключен?
  3. Проблема верстки

    А вы наверное не нажимали "Edit on Codepen" в верхнем правом углу после запуска пена.
  4. Проблема верстки

    У меня получилось практически как у Tilonorrinco
  5. Необычная фигура, как сделать?

    Обновил Pen — добавил меню. Я создал дополнительный блок (.box__inner) в котором отменяю трансформацию.
  6. Необычная фигура, как сделать?

    Конечно все зависит от задачи, от того, что будет находиться в этих элементах. Если задать overflow: hidden; блоку .boxes-wrapper, то псевдоэлемент обрежется.
  7. Преобразовать символ рубля "₽" в "руб."

    Увидел ваш пен, разобрался спасибо, заработало.
  8. Преобразовать символ рубля "₽" в "руб."

    Дело еще в том, что отображение символа не только от браузера зависит, но и от операционной системы. Тестировал в browserstack. Window 7, Chrome 60. Там еще таблицы с тарифами, обновил codepen. На сайте используется шрифт Lato, где-то читал, если подключить Latin Extended то символ отобразится — блин, не помогло ((.
  9. Так как на сайте не у всех пользователей отображается символ рубля, поэтому попросили заменить на "руб." Доступа к админке нету чтобы исправить записи, поэтому приходится делать через js. Получилось заменить с ₽ на "руб.", но хотелось бы, чтобы замена происходила только в тех браузерах, которые не отображают символ рубля. Я наивный, думал проверю так if ('₽'.charCodeAt(0) !== 8381) { Если нет сивола, то запускаем функцию замены } Но код символа рубля есть в тех браузерах, которое его не отображают.
  10. Если высота не будет меняться, то можно добавить line-height: 40px;
  11. Репозитории в github

    Вы наверное имеете ввиду GitHub Pages. https://htmlacademy.ru/blog/99-github-as-hosting
  12. hover

    Так?
  13. Не работает "position: sticky"

    Убрал overflow-x: hidden; у body или html и прилипание заработало. Нашел статью, там сказано что не следует использовать свойство overflow: hidden; overflow: scroll; или overflow: auto; для контейнера прилипающего блока. И также не следует задавать высоту для контейнера.
  14. Секция со скрученным фоном

    Что нужно сделать: Попробовал по статье https://css-tricks.com/creating-non-rectangular-headers/, через clip-path, но что-то не очень получается. Не получилось добавить тень, сначала через box-shadow, потом через filter: drop-shadow();
  15. Из-за выпадающей менюшки ) Так как, отсутствуют плавные переходы между скрытием и появлением менюшки и подменюшек, то можно вместо visibility: hidden; и visibility: visible; использовать соответственно display: none; и display: block;. Но все равно при появлении подменюшек скролл будет появляться (. Нужно через медиазапросы менять стили и скорее всего понадобится JS.