MREDKJ's CSS

cascading style sheets

Introduction

Historically the one page at mredkj.com with CSS examples is utter trash. It hasn't been updated in almost 5 years.

In preparation for better things, I've constructed a new CSS page (the one you're at right now). Behold its tableless-ness. I need a place to play while I learn basic CSS layout techniques.

I'll try to keep track of the changes by archiving the css and html files, and listing them next to each entry.

2005-01-22 (css html)

Learning means trying and failing, but it's been a lot of failing for me.

For example, I had trouble getting the header text (e.g. "2005-01-22") to line up with the images in back of them. The problem is Firefox wasn't displaying things the same as IE and Opera when I just used padding and height. After some experimenting, using line-height did the trick.

padding: 0px 0px 0px 25px; height: 30px; line-height: 30px;