Snipplr

(CSS) Select List Item only if it Doesn't Contain another List (and is top level) - paulgrenwood

Tue, 06 Oct 2009 08:55:57 UTC

(CSS) Sprite with Inline Images - paulgrenwood

Wed, 23 Sep 2009 15:45:29 UTC

(CSS) Remove Vertical TextArea Scollbar in IE - paulgrenwood

Wed, 23 Sep 2009 15:43:09 UTC

IE adds a vertical scrollbar to textarea input fields regardless of the height of content in it. You can fix that with this simple CSS trick.

(CSS) Remove Active Link Borders - paulgrenwood

Wed, 23 Sep 2009 15:42:29 UTC

Some browsers like Firefox and IE add a dotted outline border over the link user clicked. It is a useful accessibility feature that lets user know which link he clicked or is in focus. But sometimes you need to get rid of this, hereâ€™s the CSS you need to use.

(CSS) Print Page Breaks - paulgrenwood

Wed, 23 Sep 2009 15:41:43 UTC

While most of the internet users prefer to read content online but some of your users might like to print your article. With CSS you can control the page breaks within content just add this CSS class to your stylesheet and add this class to any tag which you would like to print on next page.

(CSS) Perfect Full Page Background Image - paulgrenwood

Wed, 23 Sep 2009 15:41:04 UTC

This is a very tall order, and we are going to be pulling out all kinds of different stuff to make it happen. First of all, because the image needs to scale, a traditional CSS background-image is already disqualified. That leaves us with an inline image. This inline image is going to be placed on the page inside of a bunch of wrappers, each necessary for accomplishing all our goals. WORKS WITH IE7+

(CSS) Highlight Text Input Fields - paulgrenwood

Wed, 23 Sep 2009 15:39:44 UTC

This CSS trick lets you highlight the input field currently in focus. This trick does not work in IE though.

(CSS) Highlight Links that Open in a New Window - paulgrenwood

Wed, 23 Sep 2009 15:38:57 UTC

This piece of CSS code will highlight links that open in a new window so that user knows before hand that link will pop open in a new tab or window.

(CSS) Equal Height Columns - paulgrenwood

Wed, 23 Sep 2009 15:37:56 UTC

(CSS) Detect Screen Size & Apply CSS - paulgrenwood

Wed, 23 Sep 2009 15:33:51 UTC

I needed today to format the content differently according to the screen resolution of the user. So I thought that just by detecting the screen width using the screen.width property, I could change the stylesheet using jQuery. And so it was. Check the example and continue reading.

(CSS) CSS Dropdown Menu - paulgrenwood

Wed, 23 Sep 2009 15:28:03 UTC

(CSS) Cross Browser Opacity - paulgrenwood

Wed, 23 Sep 2009 15:26:27 UTC

Though CSS3 standard includes the opacity property, but not every browser supports it, hereâ€™s the CSS trick for cross browser transparency.

(CSS) Cross Browser Minimum Height - paulgrenwood

Wed, 23 Sep 2009 15:25:47 UTC

Internet Explorer does not understand the min-height property but hereâ€™s the CSS trick to accomplish that in IE.

(CSS) Change Text Highlight Color - paulgrenwood

Wed, 23 Sep 2009 15:24:14 UTC

(CSS) Attribute-Specific Icons - paulgrenwood

Wed, 23 Sep 2009 15:15:30 UTC

CSS Attribute selectors are very powerful giving you many options to control styles of different elements e.g. you can add an icon based on the href attribute of the a tag to let the user know whether link points to an image, pdf, doc file etc.