Автор: SmashingMagazine.com
Перевод: Всеволод Козлов
Неоспоримым является тот факт, что хранить информацию в таблицах удобно и компактно. Для улучшения визуального отображения и четкости структуры таблицы было решено воспользоваться средствами CSS.
Результаты просто отличные, превзошли всяческие ожидания. Ниже Вам будут представлены около 30 вариантов таблиц, созданных с использованием современных и продвинутых решений CSS.
Если Вам, уважаемый посетитель, интересно изучить материал по созданию таких форм, то я специально для Вас подготовлю данный материал и опубликую его на сайте! Поэтому, если что, отписывайтесь в комментах!
Zebra-таблицы
2. Zebra Tables
4. Splintered striper: Enhanced Zebra Stripes
5. Standardista Table Sorting (A client-side JavaScript Table Sort module)
6. Designing Tables with Stylesheets
7. SortedTable instructions and examples v0.8f
8. A CSS Styled Table by Veerle Pieters
11. Data Tables and Cascading Style Sheets Gallery — 78 CSS дизайнов оформления таблиц
13. Filtering Table
14. Stripe your tables the OO way
15. Unobtrusive Table Sort Script (Revisited)
16. Brainjar.com: DHTML Table Sort
17. Table sorting JavaScript: Unobtrusive and with alternating row colors
Таблицы с различными функциями (сортировка, фильтры)
19. Table with sorting and autofilter
20. Reformat the Table и Reformat the Table 2
23. How to create and style accessible tables
24. Sort Table Rows с Javascript
25. The Table Ruler
26. sorttable: Make all your tables sortable
29. Unobtrusive Table Sort Script
30. Dynamic Sorting of HTML-tables via XSLT
Инструментарий
Ссылки на полезные ресурсы по теме
- 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:
- Формы, созданные с помощью CSS: современные и продвинутые решения
- Таблицы, созданные с помощью CSS: современные и продвинутые решения
- Футеры, созданные с помощью CSS: современные и продвинутые решения
Смотрите также:
- Как создать логотип?
- Слайд шоу для сайта
- Prestashop шаблоны
- Footer
- Панель навигации для сайта
- Семантика HTML
- Css button
- Css редактор
- Ajax вкладки
- Принципы создания сайта
7 комментария(-ев)
Спасибо за интересный материал. Обязательно включу Ваш блогв в свой список 100 лучших блогов
[...] формы, формы отправки комментариев, комментарии, таблицы и [...]
[...] Таблицы, созданные с помощью CSS: современные и продвину… [...]
[...] Таблицы, созданные с помощью CSS: современные и продвину… Для улучшения визуального отображения и четкости структуры таблицы было решено воспользоваться средствами CSS. (tags: css table design) [...]
Делаю сайты добавляю всякие скрипты там часы, могу сделать сайт для кланов в CS-Source а так же для Gta SanAndreas, ЗВОНИМ В СКАЙП vlad_56rus1 или стучим в асю 637212389 .Цена догоорная!
оо… Спасибо!!!!!
с ajax есть примеры ?