<?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>Hamid Alipour on Web Development &#38; 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>Thu, 12 Jan 2012 20:08:09 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.1</generator>
		<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 [...]]]></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 [...]]]></description>
		<wfw:commentRss>http://codingrecipes.com/to-validate-or-not-to-validate-your-markup/feed</wfw:commentRss>
		<slash:comments>3</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: [...]]]></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: [...]]]></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; [...]]]></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 { [...]]]></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 [...]]]></description>
		<wfw:commentRss>http://codingrecipes.com/fixed-centered-2-column-layout-right-sidebar/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

