Lists are amazing. They are possibly the best way to make menus, list links, and anything else. They are semantic, have little markup, and are relatively cross-browser friendly.
ol stands for ordered list. This will show a number before each list item. ul stands for unordered list. This will be a normal list, with a bullet in front of it. An li is used on both ordered, and unordered lists. li stands for “list item.”
<ol> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ol>
In case you were unaware, IE6 applies what is known as the double margin bug to anything floated in the same direction as the margin. For example:
.left-col {
margin:0 0 0 10px; padding:0;
width:auto; height:auto;
float:left;
}
Almost all other browsers wouldn’t have a problem with this. However, for some unknown reason, IE6 likes to double the left margin. So in essence, this is Continue Reading »margin:0 0 0 20px; for IE6.
Recently I have been using EMs for a variety of reasons. I won’t go into detail, but they rock. 
I still don’t know the common ones by heart, so I often use Calculator. It’s quite helpful. 
Do those borders around pressed links just annoy you? Let’s remove them.
a {
outline:0;
}
Be careful using this. It is nice to remove a few outlines, but the outlines are an important part of keyboard navigation (allows the user to see what current link is selected.)
The idea of a reset.css is to set all of CSS attributes to their default value. This will remove all borders, margins, padding, backgrounds, etc… leaving nothing to the decision of the browser… which could be good or bad.
(more…)
For the first concept of the site, I would like to share a coding technique that I personally use on almost all of the things I code. I’ve read around, and I have begun to realize that this is quite a controversial topic; and I can see why.
(more…)
