CSS
Tips and tricks using Cascading Style Sheets.
Aligning List Bullet Images
Loading ...Recently, I fought another browser inconsistency battle over the placement of image bullets to the left of an unordered list. While Firefox places the bullets where I expect, Internet Explorer places them too high, moving them out of alignment with the text. IE also occasionally moves the text too close to the bullet, and [...]
Building a Standards-Based Website
Loading ...CSS is becoming more popular lately for page layout and design, especially since modern browsers are becoming more standards-compliant. But what exactly does it mean to build a standards-based website? It’s much more that simply adding CSS to your pages, or removing old font tags. So why should you make the switch?
CSS Image Rollover Navbar
Loading ...Wouldn’t it be really cool if there were a way to create an image rollover that doesn’t require preloading images or JavaScript? Wouldn’t it be great if you could create horizontal or vertical navigation using only a clean unordered list markup in your HTML? How about having both of them, together?
Let’s take a look at [...]
Simple Horizontal Navbar List
Loading ...One of the simplest and most efficient forms of navigation for a website is the horizontal list of items, separated by the pipe (|) symbol. Unfortunately, marking up a <p> tag with the pipe character in between links is messy and not very accessible. A more efficient method to solve this problem is to use [...]
CSS Tips and Tricks
Loading ...This article lists some of the most common CSS problems that I’m asked about, and the solutions that I use. Most of these tricks I can’t take credit for – they’re either commonly used techniques that I “borrowed” from others, or cheats that I found by accident while hacking away at a problem. Remember, there’s [...]
