<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
<channel>
<title>Snipplr</title>
<link>http://snipplr.com/tags/layout</link>
<description>Recent snippets posted on Snipplr.com</description>
<language>en-us</language>
<pubDate>Wed, 08 Oct 2008 07:26:34 GMT</pubDate>
<item>
<title>(CSS) CSS multi columns layout - Ashung</title>
<link>http://snipplr.com/view/7393/css-multi-columns-layout/</link>
<description><![CDATA[ <p>CSS multi columns layout</p> ]]></description>
<pubDate>Sat, 19 Jul 2008 01:42:29 GMT</pubDate>
<guid>http://snipplr.com/view/7393/css-multi-columns-layout/</guid>
</item>
<item>
<title>(HTML) BlueprintCSS Default Pixel to Em Conversion - LeeRJohnson</title>
<link>http://snipplr.com/view/6445/blueprintcss-default-pixel-to-em-conversion/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Sat, 24 May 2008 14:48:37 GMT</pubDate>
<guid>http://snipplr.com/view/6445/blueprintcss-default-pixel-to-em-conversion/</guid>
</item>
<item>
<title>(CSS) BlueprintCSS Default Pixel to Em Conversion - LeeRJohnson</title>
<link>http://snipplr.com/view/6444/blueprintcss-default-pixel-to-em-conversion/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Sat, 24 May 2008 14:43:41 GMT</pubDate>
<guid>http://snipplr.com/view/6444/blueprintcss-default-pixel-to-em-conversion/</guid>
</item>
<item>
<title>(CSS) Cross-browser fluid layout - iTony</title>
<link>http://snipplr.com/view/5703/crossbrowser-fluid-layout/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Fri, 04 Apr 2008 17:34:13 GMT</pubDate>
<guid>http://snipplr.com/view/5703/crossbrowser-fluid-layout/</guid>
</item>
<item>
<title>(CSS) CSS Sticky Footer - rouxmout</title>
<link>http://snipplr.com/view/5660/css-sticky-footer/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Wed, 02 Apr 2008 13:16:39 GMT</pubDate>
<guid>http://snipplr.com/view/5660/css-sticky-footer/</guid>
</item>
<item>
<title>(CSS) Equidistant Objects with CSS - localhorst</title>
<link>http://snipplr.com/view/5441/equidistant-objects-with-css/</link>
<description><![CDATA[ <p>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:</p> ]]></description>
<pubDate>Sat, 15 Mar 2008 18:45:01 GMT</pubDate>
<guid>http://snipplr.com/view/5441/equidistant-objects-with-css/</guid>
</item>
<item>
<title>(JavaScript) Min-width &amp;amp; max-width for IE - xalexx</title>
<link>http://snipplr.com/view/4779/minwidth--maxwidth-for-ie/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Sat, 26 Jan 2008 05:52:01 GMT</pubDate>
<guid>http://snipplr.com/view/4779/minwidth--maxwidth-for-ie/</guid>
</item>
<item>
<title>(HTML) Invisible Xanga Code - sondosia</title>
<link>http://snipplr.com/view/4777/invisible-xanga-code/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Fri, 25 Jan 2008 19:36:17 GMT</pubDate>
<guid>http://snipplr.com/view/4777/invisible-xanga-code/</guid>
</item>
<item>
<title>(CSS) CSS Hack to Get Around IE6 Margin Issue - rengber</title>
<link>http://snipplr.com/view/4631/css-hack-to-get-around-ie6-margin-issue/</link>
<description><![CDATA[ <p>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.</p> ]]></description>
<pubDate>Thu, 17 Jan 2008 19:42:15 GMT</pubDate>
<guid>http://snipplr.com/view/4631/css-hack-to-get-around-ie6-margin-issue/</guid>
</item>
<item>
<title>(CSS) Superb 3-column tableless layout - Winkyboy</title>
<link>http://snipplr.com/view/4567/superb-3column-tableless-layout/</link>
<description><![CDATA[ <p>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</p> ]]></description>
<pubDate>Mon, 14 Jan 2008 15:46:09 GMT</pubDate>
<guid>http://snipplr.com/view/4567/superb-3column-tableless-layout/</guid>
</item>
<item>
<title>(CSS) highlight selected item in menu CSS only - valcartei</title>
<link>http://snipplr.com/view/3666/highlight-selected-item-in-menu-css-only/</link>
<description><![CDATA[ <p>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)</p> ]]></description>
<pubDate>Tue, 11 Sep 2007 08:10:28 GMT</pubDate>
<guid>http://snipplr.com/view/3666/highlight-selected-item-in-menu-css-only/</guid>
</item>
<item>
<title>(CSS) alert messages - that pass the HTML validation - valcartei</title>
<link>http://snipplr.com/view/3597/alert-messages--that-pass-the-html-validation/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Thu, 30 Aug 2007 01:16:51 GMT</pubDate>
<guid>http://snipplr.com/view/3597/alert-messages--that-pass-the-html-validation/</guid>
</item>
<item>
<title>(HTML) XHTML Strict 1.1 Layout - bodhi</title>
<link>http://snipplr.com/view/3501/xhtml-strict-11-layout/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Fri, 10 Aug 2007 05:00:22 GMT</pubDate>
<guid>http://snipplr.com/view/3501/xhtml-strict-11-layout/</guid>
</item>
<item>
<title>(JavaScript) submit buttons as images + rollover - valcartei</title>
<link>http://snipplr.com/view/3365/submit-buttons-as-images--rollover/</link>
<description><![CDATA[ <p>replace submit buttons with nice images and does also the rollover. Easy.</p> ]]></description>
<pubDate>Tue, 24 Jul 2007 08:58:58 GMT</pubDate>
<guid>http://snipplr.com/view/3365/submit-buttons-as-images--rollover/</guid>
</item>
<item>
<title>(CSS) Styling input based on their type with CSS - valcartei</title>
<link>http://snipplr.com/view/3362/styling-input-based-on-their-type-with-css/</link>
<description><![CDATA[ <p>Style form fields</p> ]]></description>
<pubDate>Tue, 24 Jul 2007 07:58:52 GMT</pubDate>
<guid>http://snipplr.com/view/3362/styling-input-based-on-their-type-with-css/</guid>
</item>
<item>
<title>(CSS) Conflicting Absolute Positions - penguin999</title>
<link>http://snipplr.com/view/3344/conflicting-absolute-positions/</link>
<description><![CDATA[ <p>this layout has a fixed width sidebar and a fluid main body.</p> ]]></description>
<pubDate>Sun, 22 Jul 2007 08:05:00 GMT</pubDate>
<guid>http://snipplr.com/view/3344/conflicting-absolute-positions/</guid>
</item>
<item>
<title>(PHP) definition list, dt and dd on same line IE7 - valcartei</title>
<link>http://snipplr.com/view/3331/definition-list-dt-and-dd-on-same-line-ie7/</link>
<description><![CDATA[ <p>have dt and dd inline is done automatically in Firefox, but screws up in IE7. So we need additional css rules, which have to be applied only if IE is used.</p> ]]></description>
<pubDate>Fri, 20 Jul 2007 06:12:42 GMT</pubDate>
<guid>http://snipplr.com/view/3331/definition-list-dt-and-dd-on-same-line-ie7/</guid>
</item>
<item>
<title>(CSS) use specific styles for IE - valcartei</title>
<link>http://snipplr.com/view/3330/use-specific-styles-for-ie/</link>
<description><![CDATA[ <p>To use css which will only be applied if the browser is IE.</p> ]]></description>
<pubDate>Fri, 20 Jul 2007 06:09:49 GMT</pubDate>
<guid>http://snipplr.com/view/3330/use-specific-styles-for-ie/</guid>
</item>
<item>
<title>(CSS) STICKER - A valid, easy to use CSS sticky footer - daeliur</title>
<link>http://snipplr.com/view/3264/sticker--a-valid-easy-to-use-css-sticky-footer/</link>
<description><![CDATA[ <p>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.

*/</p> ]]></description>
<pubDate>Tue, 10 Jul 2007 10:53:15 GMT</pubDate>
<guid>http://snipplr.com/view/3264/sticker--a-valid-easy-to-use-css-sticky-footer/</guid>
</item>
<item>
<title>(PHP) word wrap - valcartei</title>
<link>http://snipplr.com/view/3262/word-wrap/</link>
<description><![CDATA[ <p>word-wrap refers to forcing the text to stay within its div, instead of extending to its length, which makes a div stretch.
It is a built-in function in PHP, go to the url to see its descr in the PHP manual.</p> ]]></description>
<pubDate>Tue, 10 Jul 2007 03:29:19 GMT</pubDate>
<guid>http://snipplr.com/view/3262/word-wrap/</guid>
</item>
</channel>
</rss>