Relax Breath of Solution.

Just I wanted.. Do you?…

pseudo-class in css with examples

CSS pseudo-classes are used to add special effects to some selectors. Syntax The syntax of pseudo-classes: CSS classes can also be used with pseudo-classes: Pseudo-classes can be combined with CSS classes: CSS – The :first-child Pseudo-class The :first-child pseudo-class matches a specified element that is the first child of another element. Note: For :first-child to […]

Min-Height Fast Hack

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) CSS: MIN-HEIGHT WITH !IMPORTANT

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

Text Selection Highlight Color To create a highlight color when text is selected, I use the following code: Remove Border Outline around links I went over some popular websites and was shocked when I saw they had the same problem – an outline appears around the link. A few of the popular websites are listed […]

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

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. And now the CSS. […]

How To Make Clickable Areas Bigger

One basic principle of interaction design is that the larger the link you’re trying to click on, the easier it is to click it. With this in mind, if you are using text-based links , the actual ‘clickable’ area should be as large as possible. How Is It Done? First let’s create our simple unstyled […]

« go back