Я пытаюсь генерировать меню, например, следующее:
< /p>
В меню есть несколько элементов, а после этого есть стрелка. Следующий код: < /p>
Home
Plans & Pricing
Sign In
Sign Up
Contact
< /code>
Я испытал два варианта:
1- Абсолютно позиционирование изображения со стрелкой с помощью JavaScript. У меня есть проблемы при изменении размера страницы.
2- Использование: после псевдо-элемента, например: < /p>
.linksWrapper a.active:after
{
content: url("images/arrowImg.png");
position: relative;
left: -40px;
top: 30px;
}
< /code>
Проблема с этим подходом заключалась в горизонтальном выравнивании стрелки. Он должен быть ниже центра ссылки, и я не смог этого добиться.>
Подробнее здесь: https://stackoverflow.com/questions/103 ... in-htmlcss
