. Shadow: Ну, не знаю, мне мое решение нравится. https://jsfiddle.net/webirus/rt9484z8/1/
Если это хлебные крошки, то блок и ссылка будут, а следовательно, не стоит проблемы сделать 2 афтер и 2 бефор. Да даже если не крошки, добавление одного спана не сломает сильно ничего.
Андрей Федоров: почему html и body нельзя трогать ? если к примеру добавить background-image то косяк 100% видно во всех броузерах ! а так исправили ни чего страшного
. Shadow: Косяк появляется потому, что у вас для html и body одна и таже фоновая картинка, но в html есть отступы. В глючном примере удалите фон для body и все исправится. Я не сказал, что нельзя трогать. Но я бы, по возможности, не стал бы вешать на них фон.
Андрей Федоров: я конечно не спорю ! но вроде бы Gekko не понимает если вешать фон на body но хорошо понимает когда на html , в отличии от webkit которые понимают body но не html , это я вычитал гдето
. Shadow: Все правильно, но вопрос тут не в хроме и не в body, а в том, что высота 100% - это не высота окна браузера, а высота внутреннего контента. Если какие-то браузеры делают по другому - они не правы. Я предлагаю давать height: 100vh и не иметь таких проблем никогда.
Андрей Федоров: это вы уже манипулируете ! просто поставить html,body и всё начинает работать с процентами ! я как раз так и пишу код что бы крассбраузерно и кроссплатформенно !
https://jsfiddle.net/webirus/rt9484z8/
Простой список ul>li, внутри ссылки a и сам текст. Добавляем after и before к блоку и ссылке.
Не нужно никаких генераторов "крошек". Тем более с использованием картинок.
Решение Андрей Федоров интереснее, но не получится с фоном картинкой решаемо.
