Category: CSS

Freebie – CSS 3 Drop Down Menus

June 22nd, 2010
screenshot1

A simple multi level drop down menu I put together the other night coded entirely in CSS 3 with graceful degradation for non-supported browsers. Three color schemes included.

Quick Tip: Remove right margin from column post layout with php

May 8th, 2010
column-layout-error

One of the most popular layout styles right now is the Three Column grid, particularly for News-like websites. Well, one of the main problems coders will run into when creating the layout with CSS is how to make all the columns fit correctly, while retaining the correct margins. What often happens is the first two columns look great, but then the third margin will screw up because the right-margin, for example, has pushed the column outside of the containing div. The problem ...

Alternate Your Comment Colors

March 8th, 2010
even-odd

Effectively styling comments can be a difficult task. One tip to make your comments more readable is to alternate their background colors. By default, Wordpress assigns a class of "even" or "odd" to each comment in the list; the first is odd, the second even, the third odd, etc, etc. So, to achieve the desired effect, put this in your style.css: li.even { list-style: none; background: #FFFF; } li.odd { list-style: none; background: #F9F9F9; } Add in a few other styling elements, such as borders and clever margins, and you can get some ...