VasyOK{!}

Ссылку на сайт дадите? На пальцах не умею. слой_бекграунд 1 { голубой фон } слой_бекграунд 2 { елочка } медизапрос когда ширина окна меньше елочке прозрачность по 0.5.

Если использую "-webkit", начинает работать в Chrome: .main-menu ul li a::before { width: 18px; height: 18px; content: ''; background: #828282; display: block; mask-repeat: no-repeat; mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; margin: 0 0 3px 0; } .main-menu ul li a.active::before, .main-menu ul li a:hover::before { background: var(--clr1); } .main-menu .reit a::before { mask-image: url('../images/main_menu/reit.svg'); -webkit-mask-image: url('../images/main_menu/reit.svg'); } Но в Edge не все гладко ("заказы, мастерам"): mask-repeat: no-repeat; - не работает в Edge? Оно то решаемо, если задать ширину и высоту для каждого псевдоэлемна, но код какой-то страшный получается. Может я что-то неправильно делаю?

Приветствую специалистов по верстке! Подскажите: как правильно задать бекграунд псевдоэелементу SVG картинкой, чтобы по наведению картинка цвет меняла? Попробовал сделать так: .main-menu ul li a { position: relative; display: flex; flex-direction: column; align-items: center; } .main-menu ul li a::before { width: 18px; height: 18px; content: ''; background: #828282; display: block; mask-repeat: no-repeat; mask-position: center; margin: 0 0 3px 0; } .main-menu ul li a.active::before, .main-menu ul li a:hover::before { background: var(--clr1); } .main-menu .reit a::before { mask-image: url('../images/main_menu/reit.svg'); } .main-menu .orders a::before { mask-image: url('../images/main_menu/orders.svg'); } Результат нормально работает только в Firefox: В Crome плохо: Сайт http://u14038.malleus.vps-private.net

Допустим этот текст вписан в многострочное текстовое поле (textarea) Окно сжимается и хотелось бы, чтобы высота поля увеличивалась, а не как сейчас: Можно что-то сделать? Пробовал через https://github.com/javierjulio/textarea-autosize - ничего не вышло. Я на правильном пути?

Поздравляю с Рождеством мастеров верстки! Подскажите: как сделать 2 прямоугольные трапеции, обращенные друг к другу? Скрин: Пока что не получилось, так как на скрине. Уже и с transform мучался и с clip-path. Может что-то не понимаю. https://jsfiddle.net/PlayboyZP/L24u0mrw/

С этим вопросом разобрался. Спасибо за внимание!

"Добавить ее." :)) Имею ввиду, вариант, когда она не нужна. Просто "Размещение рекламы". ":before или :after" - да мне подсказали, как через псевдоэлементы. Так что уже знаю. А без них, как-то можно?

AlexZaw, ваш вариант - подходит https://jsfiddle.net/PlayboyZP/rw9vcau0/ А как поступить если нет этой строчки (?): <div class="right"><span>1300 руб</span></div>

Хорошо, облегчу задачу. Как сделать так: У меня получилось только так сделать: https://jsfiddle.net/PlayboyZP/0xhr4bgn/

Приветствую специалистов по верстке. Нарисовал мне дизайнер такой баннер Подскажите как сверстать: 1) Строка "Размещение рекламы" по центру (по горизонтали) 2) фон этой строки закрашен только слева

"и мне не дали PSD адаптивной верстки" - это ж хорошо. Значит делайте как хотите.

Ищу работу. Или заказы. Делаю сайты. Такие как эти: http://kapital-trans.ru/ - разветвленная структура, калькулятор подвоза стройматериалов (или аренды техники). https://www.ynafani.com.ua/ - магазин на 10 тыс. товаров, фасетные фильтры, поиск с подстановкой, вариативное меню (в зависимости от экрана и положения на странице) Верстаю из PSD в Drupal, заимствую дизайны с Templatemonster. Jquery, анимация — по мелочи. Вам не будет от меня толка, если: Вам нужен просто сайт визитка. Для этого есть масса сервисов и программ, которые позволяют сделать простой сайт человеку умеющему набрать текст в Word-е. Вам нужен просто интернет-магазин. Опять же — масса сервисов, предоставляющих готовое решение. Я не могу перебить цену готового продукта. Вам может быть от меня толк, если: Вас не устраивают готовые решения. Нужны не стандартные структура, дизайн, сеонистические требования — это ко мне. Еще, как вариант, вы дизайнер, вам говорят: «ну рисуешь может и сайт нам сделаешь», тоже можем скооперироваться. email: spamer35@gmail.com скайп: webmasterzp

Atom слишком много ресурсов жрет. MS Code какой-то недоделаный. Пользуюсь им.

Намудрил наверное с вопросом. Упрощаем задачу. https://jsfiddle.net/PlayboyZP/6exdz9j1/2/ При скроле вниз оно сворачивается в кнопку. Если я открываю Категорию 1 и скролю вниз показывается только кнопка Каталог (свернутая). А как ее развернутой сделать?

Накодил я на jQuery мобильное меню, которое сворачивается в кнопочку в 2-х случаях: 1) когда скролим вниз 2) когда ширина окна меньше 760px; Вопрос. Если меню открыто, как сделать чтоб оно оставалось открытым и в мобильном варианте? Тестовый сайт тут http://jq.caribe.vps-private.net/ CSS: http://jq.caribe.vps-private.net/style.css JS: http://jq.caribe.vps-private.net/myscript.js - кодировку UTF-8 выставлять.