Snipplr

(CSS) CSS Image Preloader - manub

Sun, 04 Feb 2007 19:47:05 GMT

A low-tech but useful technique that uses only CSS. After placing the css in your stylesheet, insert this just below the body tag of your page: "". Whenever the images are referenced throughout your pages they will now be loaded from cache.

(CSS) Background images for bullets list - manub

Mon, 28 Aug 2006 04:59:27 GMT

To move the content away from the background image apply "padding-left" to the "LI" element. In this case "0.6em" has been used. As with vertical alignment, list padding will be determined by the size of your image.

(CSS) Corner badge css - manub

Thu, 17 Aug 2006 01:19:09 GMT

Against all forms of fat racism, prejudice, discrimination, fighting against all the media claiming thinnes to be the power and the beauty, against all the imposed body image in fashion and daily life. I am now fatter. In my personal experience , I am currently recovering from a bad bad eating disorder, Bulimia, and along my way I gained a lot of weight, and people keeps telling me how fatter I am YES I AM, so? Now fatter, now free to be happier. Copy and paste this code into your HEAD section of your webpage to show your support in favour of the acceptance of every body-size/shape/wight. Instructions to place the badge into your HTML: choose 1) I run my own website/I have access to the code for my site: Place everything from "style" to "/style" between the "head" "/head" tags on your page, then place the rest of the code wherever you want. 2) I’m on MySpace: Place the code in the “About Me” box when you edit your profile. (only works on Firefox and Gecko based browsers, sorry)

(CSS) CSS ROUNDED CORNERS - manub

Wed, 16 Aug 2006 10:06:11 GMT

(CSS) Handy CSS Debug Snippet - manub

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) Horizontal-Vertical div align - manub

Sat, 05 Aug 2006 10:26:02 GMT

(CSS) ClearFix - manub

Tue, 18 Jul 2006 03:25:59 GMT

(CSS) min/max-width fix for IE6 - manub

Sun, 09 Jul 2006 19:48:32 GMT

Javascript expression in css to allow for min/max widths. replaces the min-width, max-width that works for IE6.

(CSS) undohtml.css - Tantek's Original (Removes Browser Default Style) - manub

Fri, 07 Jul 2006 18:19:28 GMT

Purpose: undo some of the default styling of common (X)HTML browsers. (CC) 2004 Tantek Celik.

(CSS) Big Curly Blockquotes - manub

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) Dead Centre a DIV - manub

Wed, 05 Jul 2006 10:02:21 GMT

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

(CSS) CSS Box Model Hack - manub

Tue, 04 Jul 2006 07:50:38 GMT

classical box model hack, by Tantek Çelik http://www.tantek.com/CSS/Examples/boxmodelhack.html

(CSS) Opacity Hack - manub

Sun, 02 Jul 2006 16:31:25 GMT

Sets the opacity of an element and its children. Doesn't validate. Mozilla began supporting the opacity rule in version 1.7, so '-moz-opacity' may not be necessary...

(CSS) Tamaños de Fuentes Relativos (Cross-Browser) - manub

Fri, 30 Jun 2006 02:33:27 GMT

Una manera sencilla y muy limpia para utilizar tamaños de fuentes relativos y que todos los navegadores muestren el mismo tamaño de letra. Solo hay que asignar al "body" un tamaño de letra en "%" y luego al resto de elementos asignarle otro tamaño en "em:s". Si el % en el body es de "62.5%" y a una clase se le asigna "1em" el resultado es una fuente de 10px. Visto en "http://friendlybit.com/css/reminder-cross-browser-font-sizes/" y probado para IE6, IE7 Beta 3, Firefox 1.5 y Opera 9.

(CSS) Clear floats without structural markup - manub

Thu, 29 Jun 2006 14:00:48 GMT

".clearfix" is the container that holds all of your floated elements. Works in all browsers that support "float" and "clear".

(CSS) min-height for IE (and all other browsers) - manub

Wed, 31 Dec 1969 19:00:00 GMT

Since min-height doesn't work in IE, this code makes up for IE's shortcomings. The first part of the code is the correct code that works in Firefox and Safari. The second part of the code is for IE. Internet Explorer will ignore min-height and is just given a height of 8em. The IE bug automatically expands the container to fit the extra text.