Была задача сделать вертикальное меню пункты между которого разделяют 1-пиксельные сепараторы. Работа осуществлялся с модулем Joomla (DJ-Menu), стиль меню менялся исключительно с помощью CSS. Чтобы вставить разделители, я создал прозрачную картинку с минимальной шириной и высотой соответствующей моему меню, по краям картинки слева и справа белые однопиксельные полоски играющие роль сепаратора. Задал её бэкграундом к span и написал правило background-size, чтобы картинка тянулась на 100%, в зависимости от долины слова. Так как между пунктами меню был левый марджин, то получилось, что между пунктами меню не одна белая полоска, а две. Поэтому пришлось задать правый отрицательный марджин, который "склеил" два сепаратора в один. У этого решения есть два минуса: 1) если достаточно сильно масштабировать страницу можно заметить, что сепараторы немного разной ширины из-за того, что был задан фиксированный правый марджин, а длина слов неодинаковая. 2) свойство background-size не кроссбраузерно. Может кто-то может предложить другие варианты решения данной задачи?
You can post now and register later.
If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке.
Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
Question
param
Здравствуйте.
Была задача сделать вертикальное меню пункты между которого разделяют 1-пиксельные сепараторы. Работа осуществлялся с модулем Joomla (DJ-Menu), стиль меню менялся исключительно с помощью CSS. Чтобы вставить разделители, я создал прозрачную картинку с минимальной шириной и высотой соответствующей моему меню, по краям картинки слева и справа белые однопиксельные полоски играющие роль сепаратора. Задал её бэкграундом к span и написал правило background-size, чтобы картинка тянулась на 100%, в зависимости от долины слова. Так как между пунктами меню был левый марджин, то получилось, что между пунктами меню не одна белая полоска, а две. Поэтому пришлось задать правый отрицательный марджин, который "склеил" два сепаратора в один. У этого решения есть два минуса: 1) если достаточно сильно масштабировать страницу можно заметить, что сепараторы немного разной ширины из-за того, что был задан фиксированный правый марджин, а длина слов неодинаковая. 2) свойство background-size не кроссбраузерно. Может кто-то может предложить другие варианты решения данной задачи?
Link to comment
Share on other sites
2 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.