Вот теперь понял )) создаём изображение с нашим нужным элементом в углу, и делаем в большую ширину и длину, что бы линии хватило на карточку товара)) спасибо)) Ваш способ самый простой )
А вот с двумя псевдо элементами я чёт не додумался) но как вариант подходит )) Что то сам не додумылся )) Если лучше нечего не подкинут отмечу как решением)
Боюсь что тоже не подойдет, ты закрасил псевдо элементом верхний правый угл цветом. но я не могу так сделать т.к у меня фон не черный )) а там изображение под ним)) и если я сделаю бесцветным этот угл то и бордер появиться). Сори скинул изображение наверно не очень понятное по отношению к фону )) снизу прилеплю получше )
Alexij: Добрый вечер, да вроде решил, не стал использовать migx, обошёлся простыми полями) Сейчас вишу на стадии написании ajax фильтра, с фильтрацией как раз по этим дом полям)) пока как верно сделать не знаю.
Смотри у тебя сверху фон изображение - это 1 блок дальше идет окантовка в неё входит (белый фон зигзаго образное изображение и тень) - это 2 блок вот берешь в фотошопе и вырезаешь все это и сохраняешь в png24 и 3 блок это белый фон. Так вот берешь к примеру к 1 блоку делаешь псевдо класс :after и ставишь значения сontent =""; display: block; position: absolute; bottom: 0px; background: наша а кантовка. И для 1 блока position: relative;
Либо после 1 блока ставишь второй блок и в него вставляешь нашу окантовку и отрицательным margin-top: -20px к примеру чтобы положить выше нашего фона нашу окантовку. Так проще всего
Вообщем давай по порядку БЭМ это (Блок Элемент Модификатор). Мы структурируем сайт блоками и эти блоки мы можем помещать в любую часть сайта.... но не это самое главное.... мы уходим от наследования классов которое сложно поддержать от роста проекта( чем больше проект тем больше элементов и плохая поддержка из за наследования ), здесь такого нет если мы и будем использовать один блок и захочем что бы они выглядили по разному (цвет, фон, подчеркивание, анимация и т.д ) мы не будем создавать новый блок....мы просто добавим к нему МОДИФИКАТОР а так еще, все эти блоки могут использоваться в других проектах... А суть все этого Мы должны все элементы сайта отделять друг от друга, что бы они не пересекались.... в ксс это наследование в JS это использование классов (Тут либо используем id либо класс с приставкой js- (.js-slogan)) Скажу честно сам перешёл на БЭМ не давно еще наверно многое не правильно воспринимаю....но сама идея очень нравится.
Нет можно с ними обсудить........Но честно мнения верстальщика редко спрашивают.....и приходится делать то что дают. Ты даже можешь не знать что скоро тебе дадут макет на верстку )
Ну вообщем вариантов тут не много....
1) padding тэга li
2) margin или padding тэга a
3) псевдо классы after или before тэгов а или li
4) стоит в тэге а или li пробел либо
Ну это первое что в голову лезет.
jsfiddle.net/b649zy6q/3 и еще на заметку возьми чтоб на автомате было )) Если для чего то прописываешь display: inline-block; то сразу же указывай vertical-align обычно я ставлю middle
Ок у тебя нет там id ну врянт просто добавить id в штмл )) codepen.io/anon/pen/OVKrMG тогда $('#id') заработает ) вариант 2 links.attr('id','id'); Должно заработать.
