HTML for Dummies, Part 3: Effects with Borders and Padding, and Replacing Tables with Divs

Photography: iowa_spirit_walker

When the CSS revolution came, it was declared: no more tables! Use divs with style!

Well, that’s nice and all, since tables lead so often to nesting tag hell, but few of the revolutionists left behind explicit instructions to normal folks as to how to do this.

Most of us are only concerned with having borders, so we clubbed content over the head with the overkill table because there was no other way. Thankfully, CSS has made our lives easier in this respect. So we’ll cover borders and padding, and how to use them for:

  • Simple quote boxes
  • Image photo edges
  • Images side by side

And of course we’ll also cover the more advanced topic of completely replacing tables with divs.

Continue reading