На сервисе Blogus список топ-блогов раньше был представлен таблицей с примерно такими полями:
Теперь они переделали все в список с вольным текстом, чем создали отличный показательный пример того, зачем на вебе нужны таблицы :-).
То есть стало, мне кажется, хуже:
Антон, скажи пожалуйста, зачем так было сделано? Какие плюсы?
Кстати, в связи с этим я подумал, что такого внешнего вида вполне можно добиться, оставив таблицу структурно таблицей. Это я не к тому, что так надо делать, просто это интересный технический момент.
Итак, HTML:
<table id="rating">
<tr>
<td class="rating">1
<td class="name"><a href="...">Суперблог</a>
<td class="ya">9999
<td class="tr">8888
<tr>
<td class="rating">2
<td class="name"><a href="...">Типа-блог</a>
<td class="ya">500
<td class="tr">600
<tr>
<td class="rating">3
<td class="name"><a href="...">Недоблог</a>
<td class="ya">10
<td class="tr">-2
</table>
CSS:
#rating td {
float:left;
}
#rating tr {
display:block; overflow:hidden;
}
#rating .rating:after {
content:'. ';
}
#rating .name {
padding-left:1em;
}
#rating .ya {
clear:left;
}
#rating .ya:after {
content:' ссылок в Яндексе; ';
}
#rating .tr:after {
content:' ссылок в Технорати.';
}
В Excel теперь все копируется "на ура"! Работает, правда, только в CSS2-браузерах (кстати, у кого новые Опера или Safari под рукой, не поленитесь проверить, а?).
Комментарии: 5
9.07.06 13:59
В опере 9 работает хорошо
9.07.06 15:54
Спасибо за комментарий, я с этой точки зрения не задумывался. Я еще пособираю фидбэк на эту тему, возможно, просто сделаем два варианта + экспорт в Excel, если потребуется. Мы сейчас вообще дизайн переделываем, скоро будет обновление.
9.07.06 18:01
Дело, собственно, не в самом Excel'е. Просто если табличные данные оформлены как таблица, всякий разный софт может это использовать. Скопированная таблица и при вставке в простой текстовый редактор будет правильно разбита на колонки.
9.07.06 19:06
В Safari работает и в Excel вставляется.
10.07.06 18:31
глючит на файрфоксе, если включено "Allow text to be selected" в адвансед -> дженерал.
начинаешь курсором по странице перемещаться ввех-вниз и всё ползёт.