Category: table

The Media Object, A Bunch of Ways

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 be done many ways. Bootstrap’s version Let’s take a crack at a lot of those way...

A Table With Borders Only On The Inside

You know, like a tic-tac-toe board. I was just pondering how to do this the other day, as one does. There are three ways I can think of. One involves a good handful of rules and is the way I intuitively think of, one involves a deprecated attribute, and one is very simple and feels kinda like a CSS trick. Possibility ...

Change Color of All Four Borders Even With `border-collapse: collapse;`

The following is a guest post by Daniel Jauch. It’s a quicky that covers something I bet many of us have run across at one time or another: border-collapse is great, until it impedes on your ability to change a border color you’re trying to change because of the overlapping. The border-collapse property is ...

Should you have defaults styles for `table`?

Luke Underwood wrote in with an interesting question: What are the best practices for default <table> styling? I guess there are three possibilities: Have default styles Don’t Somewhere in between Luke elaborates: Our office is split on the idea. In our base templates we currently have no styles being a...