<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Web Development - Programming - Coding Recipes &#187; CSS</title>
	<atom:link href="http://codingrecipes.com/category/css/feed" rel="self" type="application/rss+xml" />
	<link>http://codingrecipes.com</link>
	<description></description>
	<lastBuildDate>Wed, 28 Jul 2010 19:58:56 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>The Best Overall Code Editor Ever: Komodo Edit</title>
		<link>http://codingrecipes.com/the-best-overall-code-editor-ever-komodo-edit</link>
		<comments>http://codingrecipes.com/the-best-overall-code-editor-ever-komodo-edit#comments</comments>
		<pubDate>Tue, 04 May 2010 22:00:03 +0000</pubDate>
		<dc:creator>Codehead</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML/XHTML]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Komodo Edit]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://codingrecipes.com/?p=915</guid>
		<description><![CDATA[A while back I wrote a post about what I think is the best Python code editor but I decided to write an update and write a little more about Komodo Edit&#8230;
I use Dreamweaver to write HTML/CSS/JavaScript/PHP code and a few days ago I decided to open Komodo Edit and see how it does with [...]]]></description>
		<wfw:commentRss>http://codingrecipes.com/the-best-overall-code-editor-ever-komodo-edit/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>To Validate Or Not To Validate Your Markup</title>
		<link>http://codingrecipes.com/to-validate-or-not-to-validate-your-markup</link>
		<comments>http://codingrecipes.com/to-validate-or-not-to-validate-your-markup#comments</comments>
		<pubDate>Tue, 13 Apr 2010 21:34:12 +0000</pubDate>
		<dc:creator>Codehead</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML/XHTML]]></category>
		<category><![CDATA[Web Browsers]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://codingrecipes.com/?p=880</guid>
		<description><![CDATA[To be honest, I personally think that as long as my pages work fine and look the same on all the major browsers, I&#8217;m fine. But for me, it is also very important to properly balance all my tags and try to keep the pages as close to be valid as possible.
But here is something [...]]]></description>
		<wfw:commentRss>http://codingrecipes.com/to-validate-or-not-to-validate-your-markup/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Rotate Text Using CSS</title>
		<link>http://codingrecipes.com/rotate-text-using-css</link>
		<comments>http://codingrecipes.com/rotate-text-using-css#comments</comments>
		<pubDate>Sat, 10 Apr 2010 22:43:48 +0000</pubDate>
		<dc:creator>Codehead</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML/XHTML]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://codingrecipes.com/?p=878</guid>
		<description><![CDATA[This is not a standard property yet but here it is:

.THE_TEXT_CLASS &#123;
   filter: progid:DXImageTransform.Microsoft.BasicImage&#40;rotation=3&#41;; /* IE */
   -webkit-transform: rotate&#40;-90deg&#41;;
   -moz-transform: rotate&#40;-90deg&#41;;
   -o-transform: rotate&#40;-90deg&#41;; /* Opera */
&#125;

For now, it&#8217;s best if you use images instead&#8230;
]]></description>
		<wfw:commentRss>http://codingrecipes.com/rotate-text-using-css/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Enforce a Minimum Height For a Box</title>
		<link>http://codingrecipes.com/enforce-a-minimum-height-for-a-box</link>
		<comments>http://codingrecipes.com/enforce-a-minimum-height-for-a-box#comments</comments>
		<pubDate>Wed, 28 Oct 2009 20:13:55 +0000</pubDate>
		<dc:creator>Codehead</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://codingrecipes.com/css--enforce-a-minimum-height-for-a-box</guid>
		<description><![CDATA[Here is the CSS:

.your-element &#123;
   height: 500px;
   min-height: 500px;
   height: auto;
&#125;

Of course, you might change 500px to whatever height you wish&#8230;
]]></description>
		<wfw:commentRss>http://codingrecipes.com/enforce-a-minimum-height-for-a-box/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Multi Column Lists</title>
		<link>http://codingrecipes.com/multi-column-lists</link>
		<comments>http://codingrecipes.com/multi-column-lists#comments</comments>
		<pubDate>Thu, 01 Oct 2009 22:25:57 +0000</pubDate>
		<dc:creator>Hamid</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://codingrecipes.com/?p=138</guid>
		<description><![CDATA[Assuming that we want a 2 column list, here is the CSS:

ul#multi-column-list &#123;
	width: 200px;
&#125;
&#160;
ul#multi-column-list li &#123;
	width: 100px;
	float: left;
&#125;

And HTML:

&#60;ul id=&#34;multi-column-list&#34;&#62;
   &#60;li&#62;Left&#60;/li&#62;
   &#60;li&#62;Right&#60;/li&#62;
   &#60;li&#62;Left&#60;/li&#62;
   &#60;li&#62;Right&#60;/li&#62;
   &#60;li&#62;Left Again&#60;/li&#62;
   &#60;li&#62;Right Again&#60;/li&#62;
&#60;/ul&#62;

As you can see when the ul is 200pxs and lis are each 100pxs in width, [...]]]></description>
		<wfw:commentRss>http://codingrecipes.com/multi-column-lists/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fluid 2 Column Layout &#8211; w Right Sidebar, Header &amp; Footer</title>
		<link>http://codingrecipes.com/fluid-2-column-layout-w-right-sidebar-header-footer</link>
		<comments>http://codingrecipes.com/fluid-2-column-layout-w-right-sidebar-header-footer#comments</comments>
		<pubDate>Thu, 01 Oct 2009 22:15:12 +0000</pubDate>
		<dc:creator>Hamid</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://codingrecipes.com/?p=134</guid>
		<description><![CDATA[
&#60;!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#34;&#62;
&#60;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&#62;
&#60;head&#62;
&#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=utf-8&#34; /&#62;
&#60;title&#62;Fluid 2 Column - Right Sidebar&#60;/title&#62;
&#160;
   &#60;style type=&#34;text/css&#34;&#62;
		/**
		 * Please note: borders are just to show you the boundaries, you will probably want to remove prior to use unless you like them...
		**/
&#160;
		#header {
			border: 1px solid #9900FF;
		}
&#160;
		#side-bar {
			width: 200px;
			float: right;
			border: 1px solid [...]]]></description>
		<wfw:commentRss>http://codingrecipes.com/fluid-2-column-layout-w-right-sidebar-header-footer/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fluid 2 Column Layout &#8211; w Left Sidebar, Header &amp; Footer</title>
		<link>http://codingrecipes.com/fluid-2-column-layout-w-left-sidebar-header-footer</link>
		<comments>http://codingrecipes.com/fluid-2-column-layout-w-left-sidebar-header-footer#comments</comments>
		<pubDate>Thu, 01 Oct 2009 22:13:28 +0000</pubDate>
		<dc:creator>Hamid</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://codingrecipes.com/?p=132</guid>
		<description><![CDATA[
&#60;!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#34;&#62;
&#60;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&#62;
&#60;head&#62;
&#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=utf-8&#34; /&#62;
&#60;title&#62;Fluid 2 Column - Left Sidebar&#60;/title&#62;
&#160;
   &#60;style type=&#34;text/css&#34;&#62;
		/**
		 * Please note: borders are just to show you the boundaries, you will probably want to remove prior to use unless you like them...
		**/
&#160;
		#header {
			border: 1px solid #9900FF;
		}
&#160;
		#side-bar {
			width: 200px;
			float: left;
			border: 1px solid [...]]]></description>
		<wfw:commentRss>http://codingrecipes.com/fluid-2-column-layout-w-left-sidebar-header-footer/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fixed Centered 2 Column Layout &#8211; w Right Sidebar, Header &amp; Footer</title>
		<link>http://codingrecipes.com/fixed-centered-2-column-layout-w-right-sidebar-header-footer</link>
		<comments>http://codingrecipes.com/fixed-centered-2-column-layout-w-right-sidebar-header-footer#comments</comments>
		<pubDate>Thu, 01 Oct 2009 22:09:53 +0000</pubDate>
		<dc:creator>Hamid</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://codingrecipes.com/?p=130</guid>
		<description><![CDATA[
&#60;!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#34;&#62;
&#60;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&#62;
&#60;head&#62;
&#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=utf-8&#34; /&#62;
&#60;title&#62;Fixed Centered 2 Column Layout - Right Sidebar Header&#60;/title&#62;
&#160;
   &#60;style type=&#34;text/css&#34;&#62;
		/**
		 * Please note: borders are just to show you the boundaries, you will probably want to remove prior to use unless you like them...
		**/
&#160;
		body {
			min-width: 800px;
			text-align: center;
		}
&#160;
		#main-wrapper {
			width: 800px;
			margin: auto;
			text-align: [...]]]></description>
		<wfw:commentRss>http://codingrecipes.com/fixed-centered-2-column-layout-w-right-sidebar-header-footer/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fixed Centered 2 Column Layout – w Left Sidebar, Header &amp; Footer</title>
		<link>http://codingrecipes.com/fixed-centered-2-column-layout-w-left-sidebar-header-footer</link>
		<comments>http://codingrecipes.com/fixed-centered-2-column-layout-w-left-sidebar-header-footer#comments</comments>
		<pubDate>Thu, 01 Oct 2009 22:07:20 +0000</pubDate>
		<dc:creator>Hamid</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://codingrecipes.com/?p=127</guid>
		<description><![CDATA[
&#60;!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#34;&#62;
&#60;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&#62;
&#60;head&#62;
&#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=utf-8&#34; /&#62;
&#60;title&#62;Fixed Centered 2 Column - Left Sidebar&#60;/title&#62;
&#160;
   &#60;style type=&#34;text/css&#34;&#62;
		/**
		 * Please note: borders are just to show you the boundaries, you will probably want to remove prior to use unless you like them...
		**/
&#160;
		body {
			min-width: 800px;
			text-align: center;
		}
&#160;
		#main-wrapper {
			width: 800px;
			margin: auto;
			text-align: left;
			border: 1px [...]]]></description>
		<wfw:commentRss>http://codingrecipes.com/fixed-centered-2-column-layout-w-left-sidebar-header-footer/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fixed Centered 2 Column Layout &#8211; Right Sidebar</title>
		<link>http://codingrecipes.com/fixed-centered-2-column-layout-right-sidebar</link>
		<comments>http://codingrecipes.com/fixed-centered-2-column-layout-right-sidebar#comments</comments>
		<pubDate>Thu, 01 Oct 2009 22:02:34 +0000</pubDate>
		<dc:creator>Hamid</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://codingrecipes.com/css-fixed-centered-2-column-layout-right-sidebar</guid>
		<description><![CDATA[You may want to remove the borders prior to use:

&#60;!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#34;&#62;
&#60;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&#62;
&#60;head&#62;
&#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=utf-8&#34; /&#62;
&#60;title&#62;Fixed Centered 2 Column Layout - Right Sidebar&#60;/title&#62;
&#160;
   &#60;style type=&#34;text/css&#34;&#62;
		/**
		 * Please note: borders are just to show you the boundaries, you will probably want to remove prior to use unless you [...]]]></description>
		<wfw:commentRss>http://codingrecipes.com/fixed-centered-2-column-layout-right-sidebar/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
