Snipplr - 1man

(CSS) CSS Transparency All Browsers

Wed, 03 Dec 2008 12:25:20 GMT

Should also work in IE6 because of the filter

(CSS) CSS Collapsible Margins Fix (margin-top)

Tue, 29 Jan 2008 16:18:01 GMT

A very annoying 'bug' can occur when you are applying a top margin to an element inside a container. The inner elements margin seems to "leak" out of the top of the container. This pushes the container down, and looks very messy if you have a background applied. Note: This is NOT and bug! Yay etc.. A quick fix is to add a padding of 1px, and a margin of -1px. Or you could add a border to the container.

(CSS) Image Replace for Buttons

Fri, 21 Sep 2007 03:53:57 GMT

This allows you to replace the bog standard browser button (form buttons) with any image you wish.

(CSS) IE6 Fixed Position Fix

Fri, 22 Jun 2007 04:00:58 GMT

IE6 Doesn't recognize position: fixed. Here is a little hack to fix it. First you must set IE6 to standards mode. You do this by including a strict doctype in the page. Once IE6 is in strict mode include the following in a conditional comment. Anything you want fixed, set as absolute. The example sticks an image to the bottom left corner.

(CSS) Image Replacement (No Extra Span)

Mon, 21 May 2007 09:04:13 GMT

CSS image replacement with no extra span needed.

(CSS) CSS Float Clearing

Mon, 21 May 2007 06:55:36 GMT

Say you want a containing block with 2 floating elements to expand around the floating element, usually this wouldn't happen since the container has no height because the floating elements are out of the usual flow. The method below fixes this problem.

(CSS) Eric Meyers Baseline CSS

Sun, 15 Apr 2007 14:00:55 GMT

Removes the default styling different browsers use, so you minimise cross browser problems.

(CSS) CSS Line Height Example

Tue, 10 Apr 2007 08:40:47 GMT

Example off ALA, pleasing typography layout for the web. Based on the grid system.

(CSS) Handy CSS Debug Snippet

Mon, 07 Aug 2006 13:30:38 GMT

Great little debuging snippet found while browsing. The code adds different coloured borders to the assets depending on its level. Leave commented out if not needed.

(CSS) Fix Scrolling Render Bug in IE

Thu, 20 Jul 2006 06:35:52 GMT

This fixes a very annoying bug in IE by where when you scroll the page becomes corrupted. It relates to the way IE renders pages. This code places a null background image behind, making IE render the page differently. *note* This can also be place on the body tag unless it already has a background.

(CSS) Fix li Background Repeat Bug In IE

Sun, 16 Jul 2006 14:07:25 GMT

A bug seems to occur when you add a negative margin to a list item in IE6. The background image applied to the list item gets repeated randomly and generally messes up. Add this little gem to your head to fix the problem. Remember to change the id tag to your own.

(CSS) CSS Anchor Basic Styling (a:link, active, visited, hover)

Sat, 08 Jul 2006 14:02:58 GMT

Simple styling for the links on a webpage using CSS. Sometimes hard to remember what order the have to be in for the :hover to work correctly. (Now fixed :)

(CSS) Big Curly Blockquotes

Wed, 05 Jul 2006 11:08:19 GMT

Markup example: See Big Curly Quotes Markup. Thx to difusion.org.uk. No need for images to make big quotes on a page, CSS does it for you. Tested in many browsers.

(CSS) Centre using Negative Margins

Wed, 05 Jul 2006 11:00:44 GMT

(CSS) Centre using Auto Margins

Wed, 05 Jul 2006 10:04:57 GMT

Taken from bluerobot. Create a content div, set the width and the margin set to auto will align the div to the centre horizontally.

(CSS) Dead Centre a DIV

Wed, 05 Jul 2006 10:02:21 GMT

Taken from Dead Centre. Adjust #content depending on the size div you need.