Snipplr - 1man

(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 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.

(PHP) Simple PHP Navigation

Wed, 25 Apr 2007 08:59:27 GMT

Very simple navigation. Style the id using CSS. Allows you to highlight the current page with CSS.

(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.

(JavaScript) getNextElement DOM function

Tue, 13 Feb 2007 04:48:15 GMT

Useful function for CSS DOM, returns the next element after the selected node. So you could style the element directly after a h1 element for example.

(JavaScript) Stop Annoying IE Background Image Flicker Bug

Fri, 29 Sep 2006 05:24:44 GMT

Stop the background image flickering on IE by including this code in the header of your page. See link for more information.

(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 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.