CSS Tutorials
Combine Your CSS Media Styles Into One File
When a user comments on one of my blog posts, and they provide a website URL, I always visit the site. I appreciate the time a visitor takes to comment on a post, so I return the favor by checking out the user's website...and the...
Quick & Easy CSS Compression Using PHP
Loading time of a website is as important as its functionality. You can have a great website but who wants to wait for it to load? CSS compression can help your website load faster and easily maintain its functionality. I've created an easy-to-use...
Advanced CSS – Using A Reset.css File To Gain Complete Control
It took me about a year to feel as though I completely owned cascading style sheets. For a language (yes, it IS a language) with simple syntax, CSS optimization techniques can take quite a while to learn. Formulating your style sheets to do exactly...
Cross Browser CSS Min-Height
As you know, Internet Explorer 6 does not follow CSS' "min-height" property. Luckily, we can fix this problem using the following CSS code snippet:Internet Explorer 6 is the only browser that recongizes the "* html _____" selector and thus is the only browser to read...
Advanced CSS – Class Is Out – Avoiding Classes By Using Formatting Tags For Structure
Nothing makes me cringe more than when I see other programmers use a class declaration for every XHTML tag in their programming. Using too many CSS class declarations can result in: Bloated page downloads for the user Bloated CSS file downloads for the user Difficulty in editing CSS...
Advanced CSS Cursors – Increase Usability With A Pointer
All browsers provide their own stylesheet which includes settings link colors (blue for unvisited and purple for visited, in IE's case), default padding and margins, text sizes, and cursors. Browsers provide the pointer cursor to make it obvious to the user that the text or...
Advanced CSS Tables II – Using Mootools JavaScript For Alternate Row Colors
As I discussed in Advanced CSS Tables - Using CSS3 For Alternate Row Colors, we will eventually be able to use the ":nth-child(argument)" pseudo-class in CSS3 to provide alternate row background colors. What do we use in the mean time? You can explicitly...
Advanced CSS Tables – Using CSS3 For Alternate Row Colors
CSS finally addresses an issue that I've been peeved wasn't fixed earlier. The DIV movement of getting away from table-based design taught us that tables should be used only when you're presenting a table of data on your website, yet no CSS selector/rule was created...
Preventing The IE6 CSS Background Flicker
One of the nagging issues that Internet Explorer creates is a flicker on anchor tag background images. Did you know, however, that there is a quick and easy way to prevent that problem using a little bit of JavaScript? Simply place the following JavaScript...
Advanced CSS Links – Spice Up Your Links
Remember the days where links were just a standard underline? Neither do I, thankfully. CSS allows us to add background color, text decoration, color swapping, and numerous other formats to denote links before and during hover/active events. We can even change the color...