<?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/css</link>
<description>Recent snippets posted on Snipplr.com</description>
<language>en-us</language>
<pubDate>Wed, 22 May 2013 07:56:32 GMT</pubDate>
<item>
<title>(CSS) Subtle Recessed Divider Line - nshakin</title>
<link>http://snipplr.com/view/71245/subtle-recessed-divider-line/</link>
<description><![CDATA[ <p>Create a subtle "recessed" looking divider line.  The example restyles the  tag but it can applied to anything.</p> ]]></description>
<pubDate>Tue, 21 May 2013 05:58:38 GMT</pubDate>
<guid>http://snipplr.com/view/71245/subtle-recessed-divider-line/</guid>
</item>
<item>
<title>(CSS) CSS Custom Font File - nshakin</title>
<link>http://snipplr.com/view/71228/css-custom-font-file/</link>
<description><![CDATA[ <p>Reference a custom font file for use within a stylesheet</p> ]]></description>
<pubDate>Sat, 18 May 2013 10:46:13 GMT</pubDate>
<guid>http://snipplr.com/view/71228/css-custom-font-file/</guid>
</item>
<item>
<title>(HTML) Captions For Lists and Images - COBOLdinosaur</title>
<link>http://snipplr.com/view/71211/captions-for-lists-and-images/</link>
<description><![CDATA[ <p>One of the limits of using lists (ordered and unordered) is that they have no provision for a heading. You can do something like: This is a Title etc... but it is invalid because the list containers can only contain List Items. One way commonly used to put a heading on a list is to put a paragraph or div ahead of the list. It is messy and ugly, but it validates.

The problem with that solution is that the elements are not bound to each other and therefore it can break unless you make it even uglier by putting a common wrapper around both elements, and then you have extra linefeeds to deal with.</p> ]]></description>
<pubDate>Fri, 17 May 2013 03:58:58 GMT</pubDate>
<guid>http://snipplr.com/view/71211/captions-for-lists-and-images/</guid>
</item>
<item>
<title>(JavaScript) Animating Shapes - COBOLdinosaur</title>
<link>http://snipplr.com/view/71184/animating-shapes/</link>
<description><![CDATA[ <p>Changes shape back and forth from a round element to a square element.</p> ]]></description>
<pubDate>Wed, 15 May 2013 05:51:36 GMT</pubDate>
<guid>http://snipplr.com/view/71184/animating-shapes/</guid>
</item>
<item>
<title>(CSS) background image stack - kickass</title>
<link>http://snipplr.com/view/71140/background-image-stack/</link>
<description><![CDATA[ <p>Multiple backgrounds</p> ]]></description>
<pubDate>Sun, 12 May 2013 02:49:23 GMT</pubDate>
<guid>http://snipplr.com/view/71140/background-image-stack/</guid>
</item>
<item>
<title>(CSS) css border-box magical goodness - kickass</title>
<link>http://snipplr.com/view/71139/css-borderbox-magical-goodness/</link>
<description><![CDATA[ <p>Forces padding to not be added to overall box dimensions but instead subtracted - good for frameworks. For example, a container 960px with a 20px border and a 20px padding added still remains 960px allowing me to enjoy my life free of pesky maths.

Old skool goodness!</p> ]]></description>
<pubDate>Sat, 11 May 2013 20:20:46 GMT</pubDate>
<guid>http://snipplr.com/view/71139/css-borderbox-magical-goodness/</guid>
</item>
<item>
<title>(CSS) Facebook Like Box CSS Layout Design - jntu_gnec</title>
<link>http://snipplr.com/view/71048/facebook-like-box-css-layout-design/</link>
<description><![CDATA[ <p>Demo Image http://i.imgur.com/f7o3Flr.png</p> ]]></description>
<pubDate>Mon, 06 May 2013 01:15:01 GMT</pubDate>
<guid>http://snipplr.com/view/71048/facebook-like-box-css-layout-design/</guid>
</item>
<item>
<title>(HTML) Stop PPV Leaks - CSS - scorpayllc</title>
<link>http://snipplr.com/view/71016/stop-ppv-leaks--css/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Thu, 02 May 2013 02:33:19 GMT</pubDate>
<guid>http://snipplr.com/view/71016/stop-ppv-leaks--css/</guid>
</item>
<item>
<title>(CSS) Centering a Website | CSS-Tricks - scorpayllc</title>
<link>http://snipplr.com/view/71013/centering-a-website--csstricks/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Thu, 02 May 2013 02:33:18 GMT</pubDate>
<guid>http://snipplr.com/view/71013/centering-a-website--csstricks/</guid>
</item>
<item>
<title>(CSS) CSS Reset - scorpayllc</title>
<link>http://snipplr.com/view/71014/css-reset/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Thu, 02 May 2013 02:33:18 GMT</pubDate>
<guid>http://snipplr.com/view/71014/css-reset/</guid>
</item>
<item>
<title>(CSS) Center DIV with Dynamic Height - scorpayllc</title>
<link>http://snipplr.com/view/71012/center-div-with-dynamic-height/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Thu, 02 May 2013 02:33:17 GMT</pubDate>
<guid>http://snipplr.com/view/71012/center-div-with-dynamic-height/</guid>
</item>
<item>
<title>(CSS) Absolute Center an Image - scorpayllc</title>
<link>http://snipplr.com/view/71011/absolute-center-an-image/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Thu, 02 May 2013 02:33:12 GMT</pubDate>
<guid>http://snipplr.com/view/71011/absolute-center-an-image/</guid>
</item>
<item>
<title>(CSS) Centering a Website | CSS-Tricks - scorpayllc</title>
<link>http://snipplr.com/view/71009/centering-a-website--csstricks/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Thu, 02 May 2013 01:34:29 GMT</pubDate>
<guid>http://snipplr.com/view/71009/centering-a-website--csstricks/</guid>
</item>
<item>
<title>(CSS) Symbolset Block with unicode values instead of UTF-8 chars - paulprins</title>
<link>http://snipplr.com/view/70871/symbolset-block-with-unicode-values-instead-of-utf8-chars/</link>
<description><![CDATA[ <p>When I got the font from SymbolSet I was really excited to drop it into my interface but found many of the classes did not work. It looked like an encoding issue (since using the in line versions worked). Upon replacing all 400+ UTF-8 characters with their unicode values ever single one of the characters worked with their classes!

It's a great font - you should get it if you haven't already. For those of you wishing the included css file worked better in your web-app feel free to lift the code below.</p> ]]></description>
<pubDate>Sun, 21 Apr 2013 08:34:35 GMT</pubDate>
<guid>http://snipplr.com/view/70871/symbolset-block-with-unicode-values-instead-of-utf8-chars/</guid>
</item>
<item>
<title>(CSS) CSS - msstar</title>
<link>http://snipplr.com/view/70721/css/</link>
<description><![CDATA[ <p>CSS</p> ]]></description>
<pubDate>Tue, 09 Apr 2013 15:53:12 GMT</pubDate>
<guid>http://snipplr.com/view/70721/css/</guid>
</item>
<item>
<title>(HTML) Google Forms HTML for Custom CSS Styling - ashloren</title>
<link>http://snipplr.com/view/70719/google-forms-html-for-custom-css-styling/</link>
<description><![CDATA[ <p>The bare bones HTML code for a Google form, so you can add custom CSS styles to it.</p> ]]></description>
<pubDate>Tue, 09 Apr 2013 13:51:05 GMT</pubDate>
<guid>http://snipplr.com/view/70719/google-forms-html-for-custom-css-styling/</guid>
</item>
<item>
<title>(CSS) horizontal tabs in html with css - codingforever99</title>
<link>http://snipplr.com/view/70624/horizontal-tabs-in-html-with-css/</link>
<description><![CDATA[ <p>designing a simple horizontal tab menu by using ul and il elements with css.</p> ]]></description>
<pubDate>Mon, 01 Apr 2013 11:13:59 GMT</pubDate>
<guid>http://snipplr.com/view/70624/horizontal-tabs-in-html-with-css/</guid>
</item>
<item>
<title>(CSS) Lista en columnas - Alee</title>
<link>http://snipplr.com/view/70591/lista-en-columnas/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Fri, 29 Mar 2013 02:54:41 GMT</pubDate>
<guid>http://snipplr.com/view/70591/lista-en-columnas/</guid>
</item>
<item>
<title>(CSS) Image Sprites - How to get portion of an image - codingforever99</title>
<link>http://snipplr.com/view/70588/image-sprites--how-to-get-portion-of-an-image/</link>
<description><![CDATA[ <p>One of the great methods to load and work with icons in web pages is to load one image that is a collection of several icons and use any icon as needed, that reduces the number of server request and save bandwidth.</p> ]]></description>
<pubDate>Thu, 28 Mar 2013 19:26:58 GMT</pubDate>
<guid>http://snipplr.com/view/70588/image-sprites--how-to-get-portion-of-an-image/</guid>
</item>
<item>
<title>(CSS) Stylesheet Template - upmedia</title>
<link>http://snipplr.com/view/70571/stylesheet-template/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Wed, 27 Mar 2013 20:42:26 GMT</pubDate>
<guid>http://snipplr.com/view/70571/stylesheet-template/</guid>
</item>
</channel>
</rss>