powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Задать одинаковую высоту для li используя prototype
3 сообщений из 3, страница 1 из 1
Задать одинаковую высоту для li используя prototype
    #37887320
kredok
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Здравствуйте!
Есть такая структура меню
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
 <div class="nav-container">
    <ul id="mainmenu" class="nav-link-list">
        <li class="level0 nav-catalog parent" >
                <a class="level0 parent" target="_self" href="#">
                    <span class="level0 parent">&lcy;&ocy;&gcy;</span>
                </a>
            <ul class="level0">
                <li class="level1 nav-furniture f-left c-left parent"  >
                        <a class="level1 parent" target="_self" href="#">
                                <span class="level1 parent">&lcy;&softcy;&ncy;&icy;</span>
                        </a>
                    <ul class="level1">
                        <li class="level2 nav-furniture-living-room" >
                            <a class="level2" target="_self" href="#">
                                <span class="level2">&tcy;&ycy;</span>
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>
</div>  



Мне нужно определить максимальную высоту у li - .nav-container ul.level0 li.level1 , и затем задать такую же для всех остальных. ( В примере li одна). На сайте используется prototype. Я делаю так:
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
<script type="text/javascript">
    document.observe('dom:loaded', function(){

        var productItemHeads = $$('.nav-container ul.level0 li.level1');
        var maxHeight = 0;

        productItemHeads.each(function(h){

        if(h.offsetHeight > maxHeight){
            maxHeight = h.offsetHeight;
        }   });

        productItemHeads.each(function(h){
        h.style.height = maxHeight + 'px';
        });

});
 </script>



Но высота у li становится 0, максимальную он не определяет.
...
Рейтинг: 0 / 0
Задать одинаковую высоту для li используя prototype
    #37888115
sp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
kredok,

может лучше с помощью CSS?
...
Рейтинг: 0 / 0
Задать одинаковую высоту для li используя prototype
    #37888274
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
spможет лучше с помощью CSS?
Если у него контент динамический и разного размера, ЦССом не получиться решить задачку...
...
Рейтинг: 0 / 0
3 сообщений из 3, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Задать одинаковую высоту для li используя prototype
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]