как сделать блок с стрелками резиновым?
нужно чтобы и сами стрелки были резиновые, слева и справа закругленые углы.
я сделал, но только не ризиновый блок, подскажите как можно умно сделать резину?
https://sania.net.ua/catalog.html#
как сделать блок с стрелками резиновым?
нужно чтобы и сами стрелки были резиновые, слева и справа закругленые углы.
я сделал, но только не ризиновый блок, подскажите как можно умно сделать резину?
https://sania.net.ua/catalog.html#
Для отправки комментария вам необходимо авторизоваться.
Фон каждой отдельной стрелки разбить на две части, 1 это фон повторяющийся, второй это начало стрелки (серый разделитель между стрелками и начало самой стрелки ), на рисунке отмечено красным, границы блока (#aq-master-catalog-wrapper ul li) отметила синим (position:relative), который и будет составлять фон 1, в этот блок надо добавить еще один блок, либо сделать через :before, где прописать position:absolute; top:0; left:-ширина блока; width:ширина блока; высоту, фон , т.е. фактически начало стрелки будет расположена над предыдущей стрелкой. Начало стрелки для первого элемента видна не будет, из-за overflow:hidden, который прописан у этого родительского блока
А закругления у первого и у последнего элемента сделать либо через :first-child, :last-child (но не все браузеры поддерживают эти свойства), либо же добавить родительскому блоку со стрелками (#aq-master-catalog-wrapper) два блока position:absolute с графикой этих скруглений.
А резину, делать можно по-разному смотря, что надо, резину от наполняемости лучше делать таблицами, а если блоки одинаковые по размеру, и с фиксированным числом стрелок, тогда можно оставить списком и прописать ширину только в процентах