Как создать сайт бесплатно? Как сделать сайт? Журнал для веб-мастеров и блогеров от школы создания сайтов » Таблицы, созданные с помощью CSS: современные и продвинутые решения

Как создать сайт бесплатно? Как сделать сайт? Журнал для веб-мастеров и блогеров от школы создания сайтов

Об авторе Контакты Реклама Карта сайта

Важно! Создание прибыльных веб сайтов и поисковое продвижение сайтов в Москве: веб-компания StudioForYou!

Таблицы, созданные с помощью CSS: современные и продвинутые решения

Опубликовано Февраль 13th, 2008 в Web-разработка |

+news2.ru +ВааУ.ru +newsland.ru +СМИ2.ru +del.icio.us +bobrdobr.ru +memori.ru +RUmarkz +Mister Wong +Мое Место
-->

Автор: SmashingMagazine.com
Перевод: Всеволод Козлов

Таблицы, созданные с помощью CSS: современные и продвинутые решения

Неоспоримым является тот факт, что хранить информацию в таблицах удобно и компактно. Для улучшения визуального отображения и четкости структуры таблицы было решено воспользоваться средствами CSS.

Результаты просто отличные, превзошли всяческие ожидания. Ниже Вам будут представлены около 30 вариантов таблиц, созданных с использованием современных и продвинутых решений CSS.

Если Вам, уважаемый посетитель, интересно изучить материал по созданию таких форм, то я специально для Вас подготовлю данный материал и опубликую его на сайте! Поэтому, если что, отписывайтесь в комментах!

Zebra-таблицы

1. Redesigning a simple table

Screenshot

2. Zebra Tables

Screenshot

3. Better Zebra Tables

Screenshot

4. Splintered striper: Enhanced Zebra Stripes

Screenshot

5. Standardista Table Sorting (A client-side JavaScript Table Sort module)

Screenshot

6. Designing Tables with Stylesheets

Screenshot

7. SortedTable instructions and examples v0.8f

Screenshot

8. A CSS Styled Table by Veerle Pieters

Screenshot

9. 24ways: Tables with style

Screenshot

10. Sinnhafte Websites

Screenshot

11. Data Tables and Cascading Style Sheets Gallery - 78 CSS дизайнов оформления таблиц

Screenshot

12. Zebra Table Showdown

Screenshot

13. Filtering Table

Screenshot

14. Stripe your tables the OO way

Screenshot

15. Unobtrusive Table Sort Script (Revisited)

Screenshot

16. Brainjar.com: DHTML Table Sort

Screenshot

17. Table sorting JavaScript: Unobtrusive and with alternating row colors

Screenshot

Таблицы с различными функциями (сортировка, фильтры)

18. Replicating a tree table

Screenshot

19. Table with sorting and autofilter

Screenshot

20. Reformat the Table и Reformat the Table 2

Screenshot

21. Table not a table

Screenshot

22. CSS Style Tables Tutorial

Screenshot

23. How to create and style accessible tables

Screenshot

24. Sort Table Rows с Javascript

Screenshot

25. The Table Ruler

Screenshot

26. sorttable: Make all your tables sortable

Screenshot

27. Sortable Tables (WebFX)

Screenshot

28. Sort’n’scroll Table

Screenshot

29. Unobtrusive Table Sort Script

Screenshot

30. Dynamic Sorting of HTML-tables via XSLT

Screenshot

31. Accessible Data Tables

Screenshot

Инструментарий

  • Data Generator

Ссылки на полезные ресурсы по теме

  • Accessible Data Tables
  • Advanced HTML Tables and CSS Tutorial
  • Alter Table Row Background Colors Using JavaScript
  • Bring on the tables: Роджер Йоханссон объясняет, когда и для каких целей использовать таблицы.
  • Create tables that transform gracefully
  • Designing Data: Table structure
  • Ein Herz f?r Tabellen
  • How to paginate, sort and search a table with Ajax and Rails
  • HTML Tables best practice Презентация
  • Refining Data Tables
  • Tables and CSS Tutorials
  • Table Manners
  • Tablesorter plugin for jQuery
  • Table Sorting with Prototype

Оригинал статьи: CSS-Based Tables: Modern Solutions

Современные и продвинутые решения исполнения элементов веб-страниц с помощью CSS:

  1. Формы, созданные с помощью CSS: современные и продвинутые решения
  2. Таблицы, созданные с помощью CSS: современные и продвинутые решения
  3. Футеры, созданные с помощью CSS: современные и продвинутые решения

Похожие статьи по блогингу и веб-местерингу:
Fatal error: Call to undefined function: similar_posts() in /home/u82003/w3school.ru/www/blog/wp-content/themes/w3school-blog/single.php on line 35