a blog by Christian Snodgrass
about programming, web and game design, and everything else


Three Column Layout with Divider without Images

In one of my past articles, Two Column Layout with Divider without Images, I introduced a method to create a two column layout, with a divider without needing images. At the end, I mentioned that you can also apply this technique to three columns. How It Works This works exactly the same as the two-column [...]

June 29th, 2011 | No Comments | In HTML/CSS

Columned Layout with Background and Divider without Images

When I was designing this site, I decided I wanted to have a two column layout with a border dividing the two. The tricky part with multi-column layouts is vertical spacing. Since elements only extend as far as they need to vertically, it is often very tricky to get your columns to both go all [...]

June 25th, 2011 | No Comments | In HTML/CSS

Adding a Code Box with Word Wrap

I’ve been tinkering here and there trying to make an awesome website (how am I doing? ;)). One thing I’ve done is created a handy dandy code block parser to my WordPress, so I can quickly add code in an easy to read format. This way I can spend more time writing and less time [...]

June 25th, 2011 | No Comments | In HTML/CSS, PHP, Wordpress

CSS content and Special Characters

While I was working on this theme, I wanted to use the content CSS property to add some right-pointing double-angle quotation marks (ยป) for my list elements. So, of course, I used the good ole » to add it in. However, it didn’t work! It took me a bit to realize that you can’t use [...]

June 14th, 2011 | No Comments | In HTML/CSS

Back to Top