Гость
Войти | Профиль | Очистить
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Правильное создание списка / 12 сообщений из 12, страница 1 из 1
02.10.2006, 12:51
    #34025754
Damnedest
Damnedest
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Правильное создание списка
Надо сделать список дерево документов при помощи вложеннных списков.


Основные требование:
Текст относительно иконки должен выравниваться по центру иконки
Должно корректно все работать, если текст не умещается в одну строчку (текст должен писать после иконки)


Вот что мне удалось сделать. Проблема в том. что в IE мужду списками появляется разделитель.
Код: 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.
<style>
ul, li
{

}

ul, li
{
    font-size: 8pt;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

li ul
{
    padding: 0px 0px 0px 17px;
    margin: 0px;
}

li div
{
    height: 17px;
    margin: 0px;
    padding: 0px;
}
</style>

<ul>
  <li><img src="doc_file.gif" hspace="0" vspace="0" border="0" align="left" /><img src="doc_file.gif" hspace="0" vspace="0" border="0" align="left" /><div> 1 </div></li>
  <li><img src="doc_file.gif" hspace="0" vspace="0" border="0" align="left" /><img src="doc_file.gif" hspace="0" vspace="0" border="0" align="left" /><div> 2 </div>
    <ul>
      <li><img src="doc_file.gif" hspace="0" vspace="0" border="0" align="left" /><img src="doc_file.gif" hspace="0" vspace="0" border="0" align="left" /><div> 1 . 1 </div></li>
      <li><img src="doc_file.gif" hspace="0" vspace="0" border="0" align="left" /><img src="doc_file.gif" hspace="0" vspace="0" border="0" align="left" /><div> 1 . 2 </div></li>
      <li><img src="doc_file.gif" hspace="0" vspace="0" border="0" align="left" /><img src="doc_file.gif" hspace="0" vspace="0" border="0" align="left" /><div> 1 . 3 </div></li>
      <li><img src="doc_file.gif" hspace="0" vspace="0" border="0" align="left" /><img src="doc_file.gif" hspace="0" vspace="0" border="0" align="left" /><div> 1 . 4 </div></li>
    </ul>
  </li>
  <li><img src="doc_file.gif" hspace="0" vspace="0" border="0" align="left" /><img src="doc_file.gif" hspace="0" vspace="0" border="0" align="left" /><div> 3 </div></li>
  <li><img src="doc_file.gif" hspace="0" vspace="0" border="0" align="left" /><img src="doc_file.gif" hspace="0" vspace="0" border="0" align="left" /><div> 4 </div></li>
</ul>


Помогите пожалуйста.
посмотреть пример можно тут: http://ereih.dev.belti.ru/index2.php
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.10.2006, 13:08
    #34025815
Black
Black
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Правильное создание списка
Модератор: Перенесено из форума PHP&PERL
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.10.2006, 13:50
    #34025970
maXmo
maXmo
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Правильное создание списка
а если заменить див на спан?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.10.2006, 13:53
    #34025984
Damnedest
Damnedest
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Правильное создание списка
Если заменять на span, то в мозиле все отображается криво.
div сделан для того, чтобы текст отображался после иконки корректно при двухстрочном названии
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.10.2006, 14:03
    #34026023
maXmo
maXmo
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Правильное создание списка
вообще говоря, странно как-то оно отображается. Всегда думал, что див имеет модель отображения block. Я так понимаю, хочется, чтобы многострочный текст был весь строго правее картинки? Если так, делай таблицей.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.10.2006, 14:13
    #34026053
Damnedest
Damnedest
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Правильное создание списка
Можно конечно забить на списки и сверстать это все таблицей... но нафига тогда списки собственно...

С помощью таблицы переверстал. В ИЕ стало лучше, в мозиле все как было отлично так и осталось.

Проблема в том, что между двумя пунктами появляется пустое место...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.10.2006, 14:19
    #34026076
maXmo
maXmo
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Правильное создание списка
DamnedestМожно конечно забить на списки и сверстать это все таблицей... но нафига тогда списки собственно...для списочного представления. Ты ведь затруднился выровнять текст относительно картинки - вот для этого таблица и нужна.

DamnedestПроблема в том, что между двумя пунктами появляется пустое место...ну это маржины и падинги нули.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.10.2006, 14:20
    #34026081
Damnedest
Damnedest
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Правильное создание списка
В том то и дело что все обнулено. Все что только есть
http://ereih.dev.belti.ru/index2.php. Вот тут оба варианта.

Если смотреть под мозилой, то это идеальный вариант... Если под ие, то это неправильный вариант.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.10.2006, 14:55
    #34026175
maXmo
maXmo
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Правильное создание списка
да уж. Осёл непокорен. :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.10.2006, 15:10
    #34026239
Damnedest
Damnedest
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Правильное создание списка
Вот в том то и дело... и вот как от этой штуки избавиться я не знаю... не верстать же все на таблицах
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.10.2006, 15:25
    #34026299
maXmo
maXmo
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Правильное создание списка
добавь снизу
Код: plaintext
1.
ul { height: 0px; }
li { border: 1px solid black; }
и смотри, что с дивами происходит. Но это полный маразм.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.10.2006, 15:38
    #34026357
Damnedest
Damnedest
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Правильное создание списка
Да уж... Значит вердикт один...
Такую верстку можно сделать только используя большую вложенность таблиц, других вариантов нет :(
А жаль... хотел сделать все нормально, а не через одно место
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Правильное создание списка / 12 сообщений из 12, страница 1 из 1
Целевая тема:
Создать новую тему:
Автор:
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 418ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1459300]:
 0ms
get settings:
 10ms
get forum list:
 15ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 42ms
get topic data:
 14ms
get forum data:
 3ms
get page messages:
 57ms
get tp. blocked users:
 2ms
others: 267ms
total:  418ms
x
x
Закрыть


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