Archive for the ‘CSS Tip & Tricks’ Category

CSS Sprites and How To Use Them

No Comments »

I thought you would never ask. Let’s start by showing the BEFORE example. Notice in the CSS below how the anchor tag does not get a background-image, but each individual class does.

Read More »


pseudo-class in css with examples

No Comments »

CSS pseudo-classes are used to add special effects to some selectors.

Read More »


Min-Height Fast Hack

No Comments »

Assuming each and all you folk know how min-height is ‘supposed’ to work, would it be all that bold that it’s safe to say that…well… can’t we just do this? (because that’s what I’ve decided to do after throwing IE5.x out the window)

Read More »


CSS UI Enhancements – Text Selection Highlight Color, Remove Border Outline around links, Attribute-Specific Icons

No Comments »

Text Selection Highlight Color
To create a highlight color when text is selected, I use the following code:

Read More »


How to Create a Block Hover Effect for a List of Links

No Comments »

The HTML is quite straightforward. Because IE only supports the :hover element for links, the link anchor needs to go around all the text in the list item. Therefore, we need to provide some additional hooks in order to style the content. We do this through the use of and tags.

Read More »