Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Может ли в моем случае ul заменить table? 
:(
    Опции темы
Dima85
Дата 29.12.2009, 14:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 396
Регистрация: 19.7.2007

Репутация: нет
Всего: нет



Типичная задача.
Необходимо вывести такой текст:

файл1 размер дата
файл2 размер дата
файл3 размер дата
***

Проблема заключается в том что название файлов, размеры, дата у каждого файла разные в итоге width в каждой строчке разный. В моем же случае необходимо все сделать пропорционально. Этого можно добиться используя table. 
Возможно то же сделать но с использованием ul li, помогите пожалуйста как правильно реализовать это.
PM MAIL   Вверх
bars80080
Дата 29.12.2009, 16:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



это можно сделать симитировав строки и ячейки. что-то вроде

Код

<li><span>file</span><span>size</span><span>date</span></li>
<li><span>file</span><span>size</span><span>date</span></li>
<li><span>file</span><span>size</span><span>date</span></li>

Код

li span { display: inline-block; width: 200px; }
* html li span { display: block; }

причём возможно даже так не обойдётся, тогда поможет

Код

li span { display: block; float: left; }


но и это чревато


однако, если посмотреть не затуманенным взором на это, то станет ясно, что это и есть таблица. только почему-то мы стараемся сделать её через одно место

хотелось бы узнать, зачем там, где нужна таблица, не хочется её использовать
PM MAIL WWW   Вверх
Dima85
Дата 29.12.2009, 16:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 396
Регистрация: 19.7.2007

Репутация: нет
Всего: нет



Просто хотелось то же попробовать сделать посредствам ul li. 
Вобщем ты прав, в моем случае лучше использовать таблицы.
Спасибо.
PM MAIL   Вверх
Mavrun
Дата 29.12.2009, 16:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 199
Регистрация: 25.11.2007

Репутация: 9
Всего: 13



li span { display: block; float: left; }
и не забыть при этом width указать=)



По идее можно попробовать конструкцию
Код

<ul>
<li>file</li>
<li>size</li>
<li>date</li>
</ul>
<ul>
<li>file1</li>
<li>size1</li>
<li>date1</li>
</ul>

Код

ul {
display: table-row;
}
li {
display: table-cell;
width: 200px;
}

Тут мы представляем ul в виде строки таблицы, а li - в виде ячеек.
Но, код может не будет работать в ишаках 6 и 7, надо проверить. 
Советую на хтмлбуке прочитать про css-свойство display.

Это сообщение отредактировал(а) Mavrun - 29.12.2009, 16:25
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0437 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.