У меня всё кроссбраузерно (в результате).
Маргину нужно от чего-то отталкиваться, нужно обеспечить ему это.
Вообще, половина счастья (у меня) наступает в тот момент начала вёрстки, когда я прописываю
div { position: relative; box-sizing: border-box; } (и аналогично тем элементам, которые делаю блочными).
В случае с маргином — есть случаи, на которые просто нужно наткнуться, чтобы запомнить, что кроссбраузерности нет. Например, есть элемент в блоке (тот же h1) и заданный ему margin-top в одном браузере отталкивается от начала блока, а в другом "прошивает" его насквозь и вылазит сверху, ища там опору. Решается border-top-ом родительскому элементу, который маргин преодолеть уже не может.
Как альтернатива, для разных слочаев может подойти top (как положительный так и отрицательный). Например, сафари с оперой капризные в этом моменте.
1. «По группам» и «По типам плательщика» — это разные вещи. Если по группам пользователей — это проще.
2. По какому признаку будете определять, кого куда? Или пользователь выбирает?
Первый пример — на чём это написано?
.circle
.text Our Team
each val in [69,64,65,52,41,33,22,15,11]
.image-wrapper
img.image(src='//i.pravatar.cc/300?img=' + val)
1. Если кликнуть на www.site.ru/catalog/alcatel — отображается то, что нужно?
Именно это было вопросом, на который я отвечал.
2. Если вы про то, что на страницу бренда Алкатель ведёт не та, ссылка, которой вы добиваетесь, тогда (сверяясь со скриншотом настройки компонента news.list), действительно: ссылка генерится «старая».
И редактировать шаблон ссылки я рекомендовал бы не в компоненте (там удалил бы), а в настройках вашего инфоблока. Чтобы везде, где генерятся ссылки по элементам инфоблока, ссылки приобрели новый вид.
===
Разный размер шрифта даст разную толщину подчеркивания.
Лучше border-bottom