Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Странное поведение UL LI / 10 сообщений из 10, страница 1 из 1
27.11.2008, 00:28
    #35677992
sp
sp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Странное поведение UL LI
Пытаюсь делать дерево (tree) при помощи UL и LI в автоскроллирующемся диве (скролл вертикальный появляецца если нада)
Узлы дерева имеют иконку при помощи стиля:

list-style-image: url(ico_minus.gif);

так вот проблема в том что у первого уровеня дерева исчезает иконка если див изменяет свой вертикальный размер (уменьшаецца)

почему?????
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.11.2008, 00:34
    #35677994
sp
sp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Странное поведение UL LI
Привожу код странички:

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
<html>
<head>
  <style>
    .folderTree {
      padding-right: 4px;
      overflow-y: auto;
      padding-left: 8px;
      overflow-x: hidden;
      padding-bottom: 10px;
      vertical-align: top;
      width:  26 %;
      padding-top: 10px;
      height:  100 %;
      background-color: white;
    }
    .taskMenuContainer {
      margin-left: 10px;
      width:  100 %;
      white-space: nowrap;
      list-style-type: none;
      margin-bottom: 3px;
    }
    .taskSubMenu {
      padding-left: 2px;
      font-weight: bold;
      list-style-image: url(ico_minus.gif);
      padding-bottom: 4px;
      cursor: hand;
    }
    .taskMmenuItemList {
      font-weight: normal;
      list-style-position: outside;
      margin-left: 14px;
      list-style-type: none;
    }
    .taskMenuItem {
      padding-left: 4px;
      background-color: #ffffff;
      list-style-type: none;      
    }
  </style>
</head>
<body>
  <div class="folderTree" id="taskButton_11_folderDiv" style="border: 1px solid #000000;">
    <ul class="taskMenuContainer">
      <li class="taskSubMenu">
        <div title="Крнтрагенты">
          Контрагенты
        </div>
        <ul class="taskMmenuItemList">
          <li class="taskMenuItem_selected" id="84">Субъекты хоз. деятельности </li>
        </ul>
        <ul class="taskMmenuItemList">
          <li class="taskMenuItem">Физические Лица </li>
        </ul>
        <ul class="taskMmenuItemList">
          <li class="taskMenuItem">ЧПФЛ </li>
        </ul>
      </li>
      <li class="taskSubMenu">
        <div title="Адрес">
          Адрес
        </div>
        <ul class="taskMmenuItemList">
          <li class="taskMenuItem" id="36">Адреса </li>
        </ul>
        <ul class="taskMmenuItemList">
          <li class="taskMenuItem" id="17">Страны </li>
        </ul>
      </li>
    </ul>
  </div>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.11.2008, 00:39
    #35677997
sp
sp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Странное поведение UL LI
Картинка до
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.11.2008, 00:39
    #35677998
sp
sp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Странное поведение UL LI
Картинка после
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.11.2008, 01:11
    #35678011
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Странное поведение UL LI
sp
так вот проблема в том что у первого уровеня дерева исчезает иконка если див изменяет свой вертикальный размер (уменьшаецца)

почему?????
А что имено приводит к уменьшению высоты дива? Вручную js`ом?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.11.2008, 01:37
    #35678025
sp
sp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Странное поведение UL LI
Ренатsp
так вот проблема в том что у первого уровеня дерева исчезает иконка если див изменяет свой вертикальный размер (уменьшаецца)

почему?????
А что имено приводит к уменьшению высоты дива? Вручную js`ом?

изменение размеров окна IE вручную
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.11.2008, 01:56
    #35678033
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Странное поведение UL LI
1. list-style-image: url('favicon.ico'); надо у ul прописывать а не у li
2. при таком количестве вложений наверное експлорер и глючит
3. если добавить в самую верхнюю директорию еще один пустой или с каким нить обычным текстом ли то все становиться норм. Так что если есть возможность присбособь еще одну строчку) И еще если только вторую оставить то тож все норм, в первое Контраагенты что то и пакостит, ткоа почему хз. На вид все верно
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.11.2008, 03:05
    #35678062
sp
sp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Странное поведение UL LI
Ренат1. list-style-image: url('favicon.ico'); надо у ul прописывать а не у li
2. при таком количестве вложений наверное експлорер и глючит
3. если добавить в самую верхнюю директорию еще один пустой или с каким нить обычным текстом ли то все становиться норм. Так что если есть возможность присбособь еще одну строчку) И еще если только вторую оставить то тож все норм, в первое Контраагенты что то и пакостит, ткоа почему хз. На вид все верно

1е замечание - согласен, но к сожалению оно ничего не меняет :(
2 - наврядли два уровня всодят с ума систему реендеринга эксплорера
3 - добавить еще один уровень низзя никак! (если просто добавить ul li в самый верхний уровень без css-классов и с нулевыми отступами - тоже не меняет ничего - пропадают иконки)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.11.2008, 12:38
    #35678792
зы
зы
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Странное поведение UL LI
проверь, если поверх нарисованной иконки провести другим окном (не шутка), то иконка затрется? если да, то это баг рендеринга ИЕ с отрисовкой картинок, выходящих за край контейнера. ИМХО не лечится (сам бил бил, не побил). Не выносить за край - значит во всех браузерах будет выглядеть по-разному из-за особенности в подсчетах паддингов и прочей ерунды. Лучше используй альтернативную верстку, я тут, например, небольшой костыль соорудил для ИЕ
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.11.2008, 16:24
    #35679828
sp
sp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Странное поведение UL LI
зыпроверь, если поверх нарисованной иконки провести другим окном (не шутка), то иконка затрется? если да, то это баг рендеринга ИЕ с отрисовкой картинок, выходящих за край контейнера. ИМХО не лечится (сам бил бил, не побил). Не выносить за край - значит во всех браузерах будет выглядеть по-разному из-за особенности в подсчетах паддингов и прочей ерунды. Лучше используй альтернативную верстку, я тут, например, небольшой костыль соорудил для ИЕ

Повошкал окном поверх ИЕ - не перерисовывает :(
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Странное поведение UL LI / 10 сообщений из 10, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 666ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1455514]:
 0ms
get settings:
 7ms
get forum list:
 11ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 392ms
get topic data:
 7ms
get forum data:
 2ms
get page messages:
 29ms
get tp. blocked users:
 1ms
others: 213ms
total:  666ms
x
x
Закрыть


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