На сервисе 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

  1. Евгений

    В опере 9 работает хорошо

  2. Антон Антич

    Спасибо за комментарий, я с этой точки зрения не задумывался. Я еще пособираю фидбэк на эту тему, возможно, просто сделаем два варианта + экспорт в Excel, если потребуется. Мы сейчас вообще дизайн переделываем, скоро будет обновление.

  3. Иван Сагалаев

    Дело, собственно, не в самом Excel'е. Просто если табличные данные оформлены как таблица, всякий разный софт может это использовать. Скопированная таблица и при вставке в простой текстовый редактор будет правильно разбита на колонки.

  4. Дмитрий Честных

    В Safari работает и в Excel вставляется.

  5. aabp

    глючит на файрфоксе, если включено "Allow text to be selected" в адвансед -> дженерал.

    начинаешь курсором по странице перемещаться ввех-вниз и всё ползёт.

Добавить комментарий