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

HTML/CSS

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