Картинка для меню, которая увеличивается с увеличением текста

Как реализовать на joomla, чтобы фоновая картинка увеличивалась с увилечением кол-ва текста и соответственно уменьшалась с уменьшением текста?



Чтобы (2) изменяла свой размер.

Добавлено через 19 часов 17 минут
Разве никто не знает?

 

Где-нить такое уже видели?

 

изменялась в вышину?? Смотря что за тип меню..
Так как если не считать Опера 9.5+ CSS3 никто не держит в плане multi-background необходимо 3 элемента для подвешивания back - если они есть то в принципе ничего невозможно нет ))

 

я с вас поражаюсь

уже работает

причем здесь версия браузера и CSS ?

все это делается на div'ах

Код (html):

1. #module {
2.     padding: 0;
3.     width: 200px;
4. }
5. #top {
6.     background: url(top.jpg) top no-repeat;
7.     height: 28px;
8.     text-align: center;
9. }
10. #middle {
11.     background: url(middle.jpg) repeat-y;
12.     padding: 0 5px;
13. }
14. #bottom {
15.     background: url(bottom.jpg) bottom no-repeat;
16.     height: 27px;
17.     text-align: center;
18. }

Код (html):

1. <div id="module">
2.     <div id="top">Header module</div>
3.     <div id="middle">Content for New Div Tag Goes Here</div>
4.     <div id="bottom">Footer</div>
5. </div>

пашет в IE7, FF3, Opera9, Safari 3(Win)

если кто не понял смотрим в аттаче.

 

при том что не каждое стандартное меню под джумлу выдаст в коде 3 дива - это 1)
в опере 9.5 можно на 1 див наложить 3 бэкграунда - это 2)

 

само собой что если такой вопрос, то меню стандартное такого не позволит.
а как насчет FF или Safari ? дадут ли они тот же результат ?

PS! конечно можно изобретать велосипед, но можно ведь погнуть уже существующий с меньшими затратами.

 

Всё сделал как ты написал, а получилось так



Так в ie 7 и опере 9.5

 

FF начнет поддерживать с версии 3.1 Сафари - с 4ки кажется

 

хм... странно. проверьте отступы сверху и снизу у блоков.

фух... это почти 40% рынка браузеров.