|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
26.05.2010, 22:11 | #1 |
Новичок
Джуниор
Регистрация: 26.05.2010
Сообщений: 1
|
Горизонтальное меню на CSS.
Доброго времени суток.
Пытаюсь реализовать горизонтальное меню для шаблона Joomla! 1.5 примерно такого вида: При наведении мыши, свитки подсвечиваются. Проблема в том, что размер свитков у меня фиксированный, т.е. при изменении пунктов меню или размера шрифта, получится "бяка". Хотелось бы, чтобы ширина свитка менялась в зависимости от длины пункта меню. Вариант создания такого меню я разобрал: Но тут другая "система", и мне нужны именно свитки. Всё это я реализую через списки. Что можно придумать в данном случае? Спасибо за любую помощь. С уважением, Олег Е. |
27.05.2010, 09:59 | #2 |
Форумчанин
Регистрация: 10.02.2008
Сообщений: 178
|
Так как Вы в своем меню используете сложный графический объект то легко эту проблемку не решить, вот решения:
1. Вам нужно опредилиться с пунктами меню и нарисовать для каждого пункта отдельный свиток 2. попробовать переназвать Ваши пункты меню более короткими именами - фотогалерея -> галерея P.S. категорически не рекомендую Вам растягивать свитки - получится бяка |
27.05.2010, 10:47 | #3 |
Форумчанин
Регистрация: 27.04.2010
Сообщений: 185
|
Догадываюсь, что список построен на списке (UL,LI)
так почему бы внутри <li></li> (которому на фон поставить например левую часть свитка с отступом равным ширине этой картинки слева) поместить еще один блок с фоновой картинкой правой части свитка так же с отступом справа на ее же ширину, а внутренню часть (скорей всего ссылку) закрасить повторяющимся по горизонту фоном свитка?
Помог - тырк на весы
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Горизонтальное меню | Brutallus | Общие вопросы C/C++ | 3 | 21.11.2009 21:07 |
Меню сайта на CSS | Stevan | HTML и CSS | 2 | 11.11.2009 13:45 |
CSS меню не отображается в IE 6 | aNt1 | HTML и CSS | 2 | 05.03.2009 12:40 |
Опера и IE. Горизонтальное меню. | sun-pa | HTML и CSS | 2 | 28.02.2009 17:20 |
Динамическое меню с помощью CSS | LeoN | HTML и CSS | 4 | 21.05.2008 12:46 |