<?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/language/html/tags/css</link>
<description>Recent snippets posted on Snipplr.com</description>
<language>en-us</language>
<pubDate>Wed, 15 Feb 2012 11:21:39 GMT</pubDate>
<item>
<title>(HTML) this passed in w3c validator, trust me - ederfortunatO</title>
<link>http://snipplr.com/view/63334/this-passed-in-w3c-validator-trust-me/</link>
<description><![CDATA[ <p>i don't know if this is amazing or scary</p> ]]></description>
<pubDate>Tue, 14 Feb 2012 23:46:48 GMT</pubDate>
<guid>http://snipplr.com/view/63334/this-passed-in-w3c-validator-trust-me/</guid>
</item>
<item>
<title>(HTML) header.php with search and social icons built in - guitarman2uk</title>
<link>http://snipplr.com/view/60754/headerphp-with-search-and-social-icons-built-in/</link>
<description><![CDATA[ <p>This is the header.php file from Soul Care Aesthetics - complete with CSS and social icons spaces</p> ]]></description>
<pubDate>Sun, 13 Nov 2011 01:50:14 GMT</pubDate>
<guid>http://snipplr.com/view/60754/headerphp-with-search-and-social-icons-built-in/</guid>
</item>
<item>
<title>(HTML) Android Meta Viewport Tag for PhoneGap Projects - parkerkrhoyt</title>
<link>http://snipplr.com/view/60705/android-meta-viewport-tag-for-phonegap-projects/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Fri, 11 Nov 2011 03:45:47 GMT</pubDate>
<guid>http://snipplr.com/view/60705/android-meta-viewport-tag-for-phonegap-projects/</guid>
</item>
<item>
<title>(HTML) Three Column fixed with layout with CSS - artaries</title>
<link>http://snipplr.com/view/60660/three-column-fixed-with-layout-with-css/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Wed, 09 Nov 2011 20:51:57 GMT</pubDate>
<guid>http://snipplr.com/view/60660/three-column-fixed-with-layout-with-css/</guid>
</item>
<item>
<title>(HTML) Word wrap for tables - Sullan</title>
<link>http://snipplr.com/view/59208/word-wrap-for-tables/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Wed, 28 Sep 2011 16:55:58 GMT</pubDate>
<guid>http://snipplr.com/view/59208/word-wrap-for-tables/</guid>
</item>
<item>
<title>(HTML) Perfect footer at bottom on 100% height page - cesarkohl</title>
<link>http://snipplr.com/view/58629/perfect-footer-at-bottom-on-100-height-page/</link>
<description><![CDATA[ <p>Alternate between the #centro { height } to validate the perfection of this code.</p> ]]></description>
<pubDate>Tue, 13 Sep 2011 06:01:00 GMT</pubDate>
<guid>http://snipplr.com/view/58629/perfect-footer-at-bottom-on-100-height-page/</guid>
</item>
<item>
<title>(HTML) HTML5 para Internet Explorer (6+, 7+, 8+) - skozz</title>
<link>http://snipplr.com/view/58406/html5-para-internet-explorer-6-7-8/</link>
<description><![CDATA[ <p>La idea de este script es que mediante un pequeño hack JS y conviertiendo todo los elementos HTML5 en display:block IE sea capaz de ordenarlos correctamente como el resto de navegadores.</p> ]]></description>
<pubDate>Fri, 02 Sep 2011 21:02:26 GMT</pubDate>
<guid>http://snipplr.com/view/58406/html5-para-internet-explorer-6-7-8/</guid>
</item>
<item>
<title>(HTML) JavaScript NOSCRIPT Sample - EgoAnt</title>
<link>http://snipplr.com/view/58389/javascript-noscript-sample/</link>
<description><![CDATA[ <p>This is just a quick sample that shows how to have a button visible on a page only if the person has JavaScript enabled.</p> ]]></description>
<pubDate>Fri, 02 Sep 2011 08:13:31 GMT</pubDate>
<guid>http://snipplr.com/view/58389/javascript-noscript-sample/</guid>
</item>
<item>
<title>(HTML) Four Square Layout - marshalletm</title>
<link>http://snipplr.com/view/58050/four-square-layout/</link>
<description><![CDATA[ <p>A four square layout design that can be resized and inserted into any larger wrapper.</p> ]]></description>
<pubDate>Sat, 20 Aug 2011 10:50:56 GMT</pubDate>
<guid>http://snipplr.com/view/58050/four-square-layout/</guid>
</item>
<item>
<title>(HTML) Cycling background picture and menu - indianocean</title>
<link>http://snipplr.com/view/56807/cycling-background-picture-and-menu/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Mon, 18 Jul 2011 22:36:21 GMT</pubDate>
<guid>http://snipplr.com/view/56807/cycling-background-picture-and-menu/</guid>
</item>
<item>
<title>(HTML) CSS Ribbon Styles for depth and html for 3d across ribbon - CKOink</title>
<link>http://snipplr.com/view/56581/css-ribbon-styles-for-depth-and-html-for-3d-across-ribbon/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Thu, 14 Jul 2011 04:19:16 GMT</pubDate>
<guid>http://snipplr.com/view/56581/css-ribbon-styles-for-depth-and-html-for-3d-across-ribbon/</guid>
</item>
<item>
<title>(HTML) Auto width label and wrapping with checkboxes - Sullan</title>
<link>http://snipplr.com/view/55987/auto-width-label-and-wrapping-with-checkboxes/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Fri, 01 Jul 2011 17:10:07 GMT</pubDate>
<guid>http://snipplr.com/view/55987/auto-width-label-and-wrapping-with-checkboxes/</guid>
</item>
<item>
<title>(HTML) Horizontal navigation centered in their container - Alwaison</title>
<link>http://snipplr.com/view/55911/horizontal-navigation-centered-in-their-container/</link>
<description><![CDATA[ <p>A *ul* or *ol* list centered in the container.</p> ]]></description>
<pubDate>Thu, 30 Jun 2011 00:19:41 GMT</pubDate>
<guid>http://snipplr.com/view/55911/horizontal-navigation-centered-in-their-container/</guid>
</item>
<item>
<title>(HTML) Centered Horzontial Navigation - gamblelyn</title>
<link>http://snipplr.com/view/55905/centered-horzontial-navigation/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Wed, 29 Jun 2011 23:20:55 GMT</pubDate>
<guid>http://snipplr.com/view/55905/centered-horzontial-navigation/</guid>
</item>
<item>
<title>(HTML) HTML test page for CSS style guide - julioantuneztarin</title>
<link>http://snipplr.com/view/55375/html-test-page-for-css-style-guide/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Fri, 17 Jun 2011 11:21:44 GMT</pubDate>
<guid>http://snipplr.com/view/55375/html-test-page-for-css-style-guide/</guid>
</item>
<item>
<title>(HTML) nav sprites - gamblelyn</title>
<link>http://snipplr.com/view/54615/nav-sprites/</link>
<description><![CDATA[ <p>sprite is  300px x 300px

/*REVIEW OF POSITIONING: 	The first value is the horizontal position and the second value is the vertical. The top left corner is 0 0. Units can be pixels (0px 0px) or any other CSS units. If you only specify one value, the other value will be 50%. You can mix % and positions*/</p> ]]></description>
<pubDate>Tue, 31 May 2011 04:57:20 GMT</pubDate>
<guid>http://snipplr.com/view/54615/nav-sprites/</guid>
</item>
<item>
<title>(HTML) html5 css js shiv shell - gamblelyn</title>
<link>http://snipplr.com/view/54578/html5-css-js-shiv-shell/</link>
<description><![CDATA[ <p>this has place for external styles  and the  css start for a button sprite. Also has some comments about new html5 markup.</p> ]]></description>
<pubDate>Mon, 30 May 2011 05:31:35 GMT</pubDate>
<guid>http://snipplr.com/view/54578/html5-css-js-shiv-shell/</guid>
</item>
<item>
<title>(HTML) simple form - herrfischerhamburg</title>
<link>http://snipplr.com/view/53629/simple-form/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Tue, 17 May 2011 02:17:44 GMT</pubDate>
<guid>http://snipplr.com/view/53629/simple-form/</guid>
</item>
<item>
<title>(HTML) CSS HTML5 BoilerPlate - CKOink</title>
<link>http://snipplr.com/view/52638/css-html5-boilerplate/</link>
<description><![CDATA[ <p>Boiler Plate with base styles and resets inlcuded</p> ]]></description>
<pubDate>Wed, 27 Apr 2011 12:35:33 GMT</pubDate>
<guid>http://snipplr.com/view/52638/css-html5-boilerplate/</guid>
</item>
<item>
<title>(HTML) 100% WIDTH TEXT AREA WITH ADJACENT BUTTON - FatFolderDesigner</title>
<link>http://snipplr.com/view/52532/100-width-text-area-with-adjacent-button/</link>
<description><![CDATA[ <p>A contract I work on uses tables to layout forms (kinda ghetto I know) and I wanted a text field with a button text to it that would work with their 100% width scheme. Normall it places to betton below the text input, but using this HTML and CSS it will go next to it.

One thing to note is that the button has to have a width, and you need that width + any margin you give the button to be updated accordingly. In this example the button is 95P with a 5Px right margin on it, the to magic number is 100Px, it has to be updated in both the inline style on the table and in he CSS. Also this will work outside a table, as long as all the divs are in something with an appropriate badding on it.

There is no reason that can't all be inline or all be in the stylesheet, it's just based on the way they lay out the becked of their CMS.

Questions can be posted here or (preferable) at the link, theres an example of it in action there too (not that it's a complicated thing to make yourself)</p> ]]></description>
<pubDate>Sun, 24 Apr 2011 08:11:36 GMT</pubDate>
<guid>http://snipplr.com/view/52532/100-width-text-area-with-adjacent-button/</guid>
</item>
</channel>
</rss>
