Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 26.05.2010, 22:11   #1
yermolenko
Новичок
Джуниор
 
Регистрация: 26.05.2010
Сообщений: 1
Вопрос Горизонтальное меню на CSS.

Доброго времени суток.
Пытаюсь реализовать горизонтальное меню для шаблона Joomla! 1.5 примерно такого вида:

При наведении мыши, свитки подсвечиваются.
Проблема в том, что размер свитков у меня фиксированный, т.е. при изменении пунктов меню или размера шрифта, получится "бяка". Хотелось бы, чтобы ширина свитка менялась в зависимости от длины пункта меню.
Вариант создания такого меню я разобрал:

Но тут другая "система", и мне нужны именно свитки.
Всё это я реализую через списки.
Что можно придумать в данном случае?
Спасибо за любую помощь.
С уважением,
Олег Е.
yermolenko вне форума Ответить с цитированием
Старый 27.05.2010, 09:59   #2
Magneto
Форумчанин
 
Аватар для Magneto
 
Регистрация: 10.02.2008
Сообщений: 178
По умолчанию

Так как Вы в своем меню используете сложный графический объект то легко эту проблемку не решить, вот решения:

1. Вам нужно опредилиться с пунктами меню и нарисовать для каждого пункта отдельный свиток

2. попробовать переназвать Ваши пункты меню более короткими именами - фотогалерея -> галерея


P.S. категорически не рекомендую Вам растягивать свитки - получится бяка
Magneto вне форума Ответить с цитированием
Старый 27.05.2010, 10:47   #3
dekameron
Форумчанин
 
Аватар для dekameron
 
Регистрация: 27.04.2010
Сообщений: 185
По умолчанию

Догадываюсь, что список построен на списке (UL,LI)
так почему бы внутри <li></li> (которому на фон поставить например левую часть свитка с отступом равным ширине этой картинки слева) поместить еще один блок с фоновой картинкой правой части свитка так же с отступом справа на ее же ширину, а внутренню часть (скорей всего ссылку) закрасить повторяющимся по горизонту фоном свитка?
Помог - тырк на весы
dekameron вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Горизонтальное меню 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