The Media Object pattern is: image thingy on the left, heading and text on the right.
That’s what Nicole Sullivan called it and the name stuck. It’s a pretty simple pattern, but like all things web design, it can …
The table-layout property defines what algorithm the browser should use to lay out table rows, cells, and columns. …
The caption-side property in CSS allows you to define where to position HTML’s <caption> element, used on HTML table headers. This property can also apply to any element whose display property is set to caption-side.…
Matthew Ström on how data tables can be better through things like alignment, rules, labels, backgrounds, and the type of numerals used:
…Oldstyle figures look nice in sentences, where they better match the size and spacing of lower-case letters; lining
The border-collapse property is great for making borders even all around <table></table> cells. It makes for a clean look that I actually prefer.
But, there is something that can cause issues with how a browser draws the cells and their …
There is no single solution to make any <table></table> appropriately responsive. That’s what I like about this post by Davide Rizzo: it admits that, then gets on with some solutions. This is a great addition to territory we’ve been …
Luke Underwood wrote in with an interesting question:
What are the best practices for default
<table></table>styling?
I guess there are three possibilities:
The <table> element in HTML is used for displaying tabular data. You can think of it as a way to describe and display data that would make sense in spreadsheet software. Essentially: columns and rows. In this article, we’re going …
When you scroll down a page with a long table on it, typically the header of the table scrolls away and becomes useless. This code clones the table header and applies it at the top of the page once you …
