Snipplr

(CSS) BlueprintCSS Default Pixel to Em Conversion - LeeRJohnson

Sat, 24 May 2008 14:43:41 GMT

(CSS) Cross-browser fluid layout - iTony

Fri, 04 Apr 2008 17:34:13 GMT

(CSS) CSS Sticky Footer - rouxmout

Wed, 02 Apr 2008 13:16:39 GMT

(CSS) Equidistant Objects with CSS - localhorst

Sat, 15 Mar 2008 18:45:01 GMT

Creating a horizontal row of objects that are equidistant from each other is another one of those things in web design that is much more difficult than it should be. This can be a very useful thing to do, especially in fluid width layouts when you are trying to make the most of whatever horizontal space you have. Here are the goals we are trying to achieve:

(CSS) CSS Hack to Get Around IE6 Margin Issue - rengber

Thu, 17 Jan 2008 19:42:15 GMT

A in IE6 will annoyingly put about 3 pixels of space around a contained image. This leaves a gap between that div and any neighboring divs. To workaround you can specify a margin of 5px or so on the side where the gap must be removed, then specify an equivalent negative margin on the neighbor to remove the gap. Tested with IE6 and Firefox 2.0.0.11.

(CSS) Superb 3-column tableless layout - Winkyboy

Mon, 14 Jan 2008 15:46:09 GMT

Also see the automagic column builder on this page. YOU NEED THIS FILE TOO! Place it in the subfolder, "css/". http://snipurl.com/3col_support_css

(CSS) highlight selected item in menu CSS only - valcartei

Tue, 11 Sep 2007 08:10:28 GMT

give a class name to each link according to the page it redirects to. give attribute id to the body of the template and make the attribute editable (Dreamweaver lets you do that: select the attrib, Modify>Templates>Make attribute editable and tick the checkbox. For each page change id value to be the same as the class of the link referring to the page. (to do that, go to Modify>Template properties)

(CSS) alert messages - that pass the HTML validation - valcartei

Thu, 30 Aug 2007 01:16:51 GMT

(CSS) Styling input based on their type with CSS - valcartei

Tue, 24 Jul 2007 07:58:52 GMT

Style form fields

(CSS) Conflicting Absolute Positions - penguin999

Sun, 22 Jul 2007 08:05:00 GMT

this layout has a fixed width sidebar and a fluid main body.

(CSS) use specific styles for IE - valcartei

Fri, 20 Jul 2007 06:09:49 GMT

To use css which will only be applied if the browser is IE.

(CSS) STICKER - A valid, easy to use CSS sticky footer - daeliur

Tue, 10 Jul 2007 10:53:15 GMT

STICKER - A valid, easy to use CSS sticky footer by Ryan Fait This is the basic CSS you need along with the one extra empty div and the wrapper required to achieve the effect. I suggest that you leave the * { margin: 0; } code in while testing and building your site because margins do have a tendency to mess things up a bit. Have fun! Copyright (c) 2006-2007 Ryan Fait /* TROUBLESHOOTING I've received a few comments about vertical margins causing a few problems with the layout. If you want space between paragraphs or headers, use padding instead of margin. It's as simple as that. */

(CSS) Indent text after line wrap - noah

Wed, 13 Jun 2007 11:48:24 GMT

When a line of text is longer than the width of its container, it will break onto the next line. This style causes all lines but the first to be

(CSS) General CSS - mafro

Fri, 30 Mar 2007 02:59:54 GMT

Basic layout stylesheet

(CSS) chinamobile - mic

Mon, 19 Mar 2007 19:38:38 GMT

(CSS) CSS nowrap - Prevent Text From Wrapping in HTML - jonhenshaw

Mon, 08 Jan 2007 08:02:24 GMT

This handy CSS attribute can be used to keep text from wrapping. It can also be used to keep other HTML elements from wrapping. Simply apply the white-space:nowrap attribute to any HTML element to force text and images to not return within a specified blog. Something to note, IE6 can be buggy when this is used with an unordered list – but when isn't IE6 buggy?

(CSS) How to size text using ems - CSS - zensir

Mon, 30 Oct 2006 03:04:35 GMT

BODY {font-size:62.5%} This takes 16px down to 10px (16 x 0.625 = 10), which apart from being less huge is a nice round number. From now on it’s easy to think in pixels but still set sizes in terms of ems: 1em is 10px, 0.8em is 8px, 1.6em is 16px, etc. If you are laying out your document using CSS (which you are, right?) then you have probably used a few divs to group together elements. Apply text-size to these divs and your job is almost done. Consider a two column layout with header and footer:

(CSS) Basic CSS Layout Starting Point (Browser Compatability Hacks) - rengber

Mon, 04 Sep 2006 23:12:53 GMT

Here are the basic CSS properties needed to start a layout that looks the same in Firefox (1.5ish) and IE (5-6)