<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>CSS idiots</title>
	<atom:link href="http://cssidiots.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://cssidiots.com</link>
	<description>CSS tips &#38; tricks. styling html</description>
	<lastBuildDate>Tue, 14 Oct 2008 19:10:17 +0000</lastBuildDate>
	<generator>http://wordpress.com/</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<cloud domain='cssidiots.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://www.gravatar.com/blavatar/a2cebea9216a58e3e47d2a982ce3c9d9?s=96&#038;d=http://s2.wp.com/i/buttonw-com.png</url>
		<title>CSS idiots</title>
		<link>http://cssidiots.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://cssidiots.com/osd.xml" title="CSS idiots" />
	<atom:link rel='hub' href='http://cssidiots.com/?pushpress=hub'/>
		<item>
		<title>Fixed width, Liquid &amp; Elastic layout</title>
		<link>http://cssidiots.com/2008/10/14/fixed-width-liquid-elastic-layout/</link>
		<comments>http://cssidiots.com/2008/10/14/fixed-width-liquid-elastic-layout/#comments</comments>
		<pubDate>Tue, 14 Oct 2008 19:10:17 +0000</pubDate>
		<dc:creator>css pro</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[elastic layouts]]></category>
		<category><![CDATA[fixed width layouts]]></category>
		<category><![CDATA[liquid layouts]]></category>
		<category><![CDATA[using em for font-size]]></category>

		<guid isPermaLink="false">http://prasadk.wordpress.com/?p=145</guid>
		<description><![CDATA[Fixed width layouts:
Most of the web site layouts have their width defined in pixels, this type of layouts are called as Fixed width layouts. I bet many designers &#38; developers love these layouts as they don&#8217;t have to worry about screen resolution or text size changes. It&#8217;s an advantage from designers &#38; developers point of [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cssidiots.com&blog=2938819&post=145&subd=prasadk&ref=&feed=1" />]]></description>
		<wfw:commentRss>http://cssidiots.com/2008/10/14/fixed-width-liquid-elastic-layout/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/bc87ba8fb06b2bbb9f612f4f50ba6959?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96" medium="image">
			<media:title type="html">css pro</media:title>
		</media:content>

		<media:content url="http://s9.addthis.com/button1-addthis.gif" medium="image">
			<media:title type="html">Bookmark and Share</media:title>
		</media:content>
	</item>
		<item>
		<title>Adobe Photoshop CS4</title>
		<link>http://cssidiots.com/2008/10/08/adobe-photoshop-cs4/</link>
		<comments>http://cssidiots.com/2008/10/08/adobe-photoshop-cs4/#comments</comments>
		<pubDate>Wed, 08 Oct 2008 07:15:30 +0000</pubDate>
		<dc:creator>css pro</dc:creator>
				<category><![CDATA[Tools]]></category>
		<category><![CDATA[Adobe Photoshop CS4]]></category>
		<category><![CDATA[New features in CS4]]></category>

		<guid isPermaLink="false">http://prasadk.wordpress.com/?p=129</guid>
		<description><![CDATA[Quite exciting news for all Photoshop or Adobe product lovers out there, yes Adobe has come up with CS4 that is Creative Suite 4.
Let’s check out some cool new features
New Features:

Smoother Panning &#38; Zooming with Fluid Canvas Rotation
Adjustment Panel
Content-Aware Scaling
Better row image processing
 Graduated filter tool
3D improvements (Adobe Photoshop CS4 extended)

I personally liked Content-Aware Scaling [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cssidiots.com&blog=2938819&post=129&subd=prasadk&ref=&feed=1" />]]></description>
		<wfw:commentRss>http://cssidiots.com/2008/10/08/adobe-photoshop-cs4/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/bc87ba8fb06b2bbb9f612f4f50ba6959?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96" medium="image">
			<media:title type="html">css pro</media:title>
		</media:content>

		<media:content url="http://s9.addthis.com/button1-addthis.gif" medium="image">
			<media:title type="html">Bookmark and Share</media:title>
		</media:content>
	</item>
		<item>
		<title>Sumo Paint</title>
		<link>http://cssidiots.com/2008/10/04/sumo-paint/</link>
		<comments>http://cssidiots.com/2008/10/04/sumo-paint/#comments</comments>
		<pubDate>Sat, 04 Oct 2008 07:08:50 +0000</pubDate>
		<dc:creator>css pro</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[image editing in browser]]></category>
		<category><![CDATA[online image editing tools]]></category>
		<category><![CDATA[sumo paint]]></category>

		<guid isPermaLink="false">http://prasadk.wordpress.com/?p=117</guid>
		<description><![CDATA[Recently I came to know about online paint program called SUMO Paint. It has similar interface like Adobe Photoshop and tools to create &#38; edit art. What I really liked about it is, you don’t have buy any software, don’t worry about installation. It&#8217;s image editing in browser, check it out.
It has some really cool [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cssidiots.com&blog=2938819&post=117&subd=prasadk&ref=&feed=1" />]]></description>
		<wfw:commentRss>http://cssidiots.com/2008/10/04/sumo-paint/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/bc87ba8fb06b2bbb9f612f4f50ba6959?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96" medium="image">
			<media:title type="html">css pro</media:title>
		</media:content>

		<media:content url="http://prasadk.files.wordpress.com/2008/10/sumo_paint_app.jpg" medium="image">
			<media:title type="html">Sumopaint.com</media:title>
		</media:content>

		<media:content url="http://prasadk.files.wordpress.com/2008/10/sumo_paint_01.jpg" medium="image">
			<media:title type="html">Author - Xaviaro</media:title>
		</media:content>

		<media:content url="http://prasadk.files.wordpress.com/2008/10/sumo_paint_04.jpg" medium="image">
			<media:title type="html">Author - Rafffellll</media:title>
		</media:content>

		<media:content url="http://prasadk.files.wordpress.com/2008/10/sumo_paint_03.jpg" medium="image">
			<media:title type="html">Author - Xaviaro</media:title>
		</media:content>

		<media:content url="http://s9.addthis.com/button1-addthis.gif" medium="image">
			<media:title type="html">Bookmark and Share</media:title>
		</media:content>
	</item>
		<item>
		<title>Cross-browser testing tools</title>
		<link>http://cssidiots.com/2008/10/03/cross-browser-testing-tools/</link>
		<comments>http://cssidiots.com/2008/10/03/cross-browser-testing-tools/#comments</comments>
		<pubDate>Fri, 03 Oct 2008 00:22:45 +0000</pubDate>
		<dc:creator>css pro</dc:creator>
				<category><![CDATA[Tools]]></category>
		<category><![CDATA[browser compatibility testing]]></category>
		<category><![CDATA[free browser testing]]></category>
		<category><![CDATA[Test site on different browsers]]></category>

		<guid isPermaLink="false">http://prasadk.wordpress.com/?p=96</guid>
		<description><![CDATA[Browsercam

Test your web design on any browser on any operating system. Check javascripts, DHTML, forms and other dynamic functionality. Browsercam provides services like Browser Capture, Device Capture, Remote Access &#38; BC-Virtual. You can use free trial account for 24 hours or maximum 200 screenshots can be captured.
 Browser Capture:
Provide URL &#38; select operating system, browsers [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cssidiots.com&blog=2938819&post=96&subd=prasadk&ref=&feed=1" />]]></description>
		<wfw:commentRss>http://cssidiots.com/2008/10/03/cross-browser-testing-tools/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/bc87ba8fb06b2bbb9f612f4f50ba6959?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96" medium="image">
			<media:title type="html">css pro</media:title>
		</media:content>

		<media:content url="http://s9.addthis.com/button1-addthis.gif" medium="image">
			<media:title type="html">Bookmark and Share</media:title>
		</media:content>
	</item>
		<item>
		<title>Web Developer Tools</title>
		<link>http://cssidiots.com/2008/10/01/web-developer-tools/</link>
		<comments>http://cssidiots.com/2008/10/01/web-developer-tools/#comments</comments>
		<pubDate>Wed, 01 Oct 2008 22:59:06 +0000</pubDate>
		<dc:creator>css pro</dc:creator>
				<category><![CDATA[Tools]]></category>
		<category><![CDATA[CSS viewer]]></category>
		<category><![CDATA[Firebug]]></category>
		<category><![CDATA[IE developer toolbar]]></category>
		<category><![CDATA[Tools you must have]]></category>
		<category><![CDATA[web developer toolbar]]></category>

		<guid isPermaLink="false">http://prasadk.wordpress.com/?p=62</guid>
		<description><![CDATA[Firebug
 t&#8217;s a great tool to edit, monitor &#38; debug CSS, JavaScript &#38; HTML live in any web page which works with Firefox.
IE developer toolbar
 Woh&#8230;. there is something for IE also. I was wondering how can I make on the fly CSS changes as I do in Firebug, so here it is.
Web Developer Toolbar
Great [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cssidiots.com&blog=2938819&post=62&subd=prasadk&ref=&feed=1" />]]></description>
		<wfw:commentRss>http://cssidiots.com/2008/10/01/web-developer-tools/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/bc87ba8fb06b2bbb9f612f4f50ba6959?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96" medium="image">
			<media:title type="html">css pro</media:title>
		</media:content>

		<media:content url="http://prasadk.files.wordpress.com/2008/10/firebug.jpg" medium="image">
			<media:title type="html">Firebug</media:title>
		</media:content>

		<media:content url="http://prasadk.files.wordpress.com/2008/10/ie_dev_toolbar.jpg" medium="image">
			<media:title type="html">IE developer toolbar</media:title>
		</media:content>

		<media:content url="http://prasadk.files.wordpress.com/2008/10/web_dev_toolbar2.jpg" medium="image">
			<media:title type="html">Web developer toolbar</media:title>
		</media:content>

		<media:content url="http://prasadk.files.wordpress.com/2008/09/tools_css_viewer.jpg" medium="image">
			<media:title type="html">tools_css_viewer</media:title>
		</media:content>

		<media:content url="http://prasadk.files.wordpress.com/2008/10/ie_net_renderer1.jpg" medium="image">
			<media:title type="html">IE NetRenderer</media:title>
		</media:content>

		<media:content url="http://s9.addthis.com/button1-addthis.gif" medium="image">
			<media:title type="html">Bookmark and Share</media:title>
		</media:content>
	</item>
		<item>
		<title>Clearing Float</title>
		<link>http://cssidiots.com/2008/07/16/clearing-float/</link>
		<comments>http://cssidiots.com/2008/07/16/clearing-float/#comments</comments>
		<pubDate>Wed, 16 Jul 2008 08:00:44 +0000</pubDate>
		<dc:creator>css pro</dc:creator>
				<category><![CDATA[Bugs & fixes]]></category>
		<category><![CDATA[clear float]]></category>
		<category><![CDATA[css clear property]]></category>

		<guid isPermaLink="false">http://prasadk.wordpress.com/?p=37</guid>
		<description><![CDATA[Are you having trouble with float property? Well, you can use clear:both by adding another div into your markup.
&#60;div class=&#8221;clearFix&#8221; style=&#8221;float:left&#8221;&#62;Floated DIV&#60;/div&#62;
&#60;div style=&#8221;clear:both&#8221;&#62;Clear float&#60;/div&#62;
But what if I don&#8217;t want to do any structural changes, then it&#8217;s time to switch to CSS 2.
.clearFix:after{
content: &#8220;.&#8221;;
display: block;
height: 0;
clear: both;
visibility: hidden;
}
All &#8220;STANDARD&#8221; browser has support for this property. For [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cssidiots.com&blog=2938819&post=37&subd=prasadk&ref=&feed=1" />]]></description>
		<wfw:commentRss>http://cssidiots.com/2008/07/16/clearing-float/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/bc87ba8fb06b2bbb9f612f4f50ba6959?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96" medium="image">
			<media:title type="html">css pro</media:title>
		</media:content>

		<media:content url="http://s9.addthis.com/button1-addthis.gif" medium="image">
			<media:title type="html">Bookmark and Share</media:title>
		</media:content>
	</item>
		<item>
		<title>CSS Specificity</title>
		<link>http://cssidiots.com/2008/04/11/css-specificity/</link>
		<comments>http://cssidiots.com/2008/04/11/css-specificity/#comments</comments>
		<pubDate>Fri, 11 Apr 2008 07:56:19 +0000</pubDate>
		<dc:creator>css pro</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[class selector]]></category>
		<category><![CDATA[CSS specificity]]></category>
		<category><![CDATA[ID selector]]></category>
		<category><![CDATA[inline styles]]></category>

		<guid isPermaLink="false">http://prasadk.wordpress.com/?p=24</guid>
		<description><![CDATA[The specificity of a selector is broken down into four essential levels: a, b, c and d.
a = 1, if there is inline style
b = Total number of ID selectors
c = Number of classes, attribute selectors &#38; pseudo-classes
d = Number of type selector &#38; pseudo-element selectors
We can calculate specificity of any CSS selector.
example:




Selector


Specificity






style=&#8221; &#8220;
1, 0, [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cssidiots.com&blog=2938819&post=24&subd=prasadk&ref=&feed=1" />]]></description>
		<wfw:commentRss>http://cssidiots.com/2008/04/11/css-specificity/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/bc87ba8fb06b2bbb9f612f4f50ba6959?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96" medium="image">
			<media:title type="html">css pro</media:title>
		</media:content>

		<media:content url="http://s9.addthis.com/button1-addthis.gif" medium="image">
			<media:title type="html">Bookmark and Share</media:title>
		</media:content>
	</item>
		<item>
		<title>Double margin</title>
		<link>http://cssidiots.com/2008/03/16/double-margin/</link>
		<comments>http://cssidiots.com/2008/03/16/double-margin/#comments</comments>
		<pubDate>Sun, 16 Mar 2008 02:02:00 +0000</pubDate>
		<dc:creator>css pro</dc:creator>
				<category><![CDATA[Bugs & fixes]]></category>
		<category><![CDATA[float]]></category>
		<category><![CDATA[float and margin]]></category>
		<category><![CDATA[ie float bug]]></category>

		<guid isPermaLink="false">http://prasadk.wordpress.com/2008/03/16/double-margin/</guid>
		<description><![CDATA[I have seen this bug many times, whenever you have used float with horizontal margin IE doubles the margin.
Example:
.banner{
float:left;
margin-left:10px;
}
IE will show 20px margin on the left side, it doubles the margin.
Simple fix for this bug is use display property to inline.
Fix:
.banner{
float:left;
margin-left:10px;
display:inline;
}



       <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cssidiots.com&blog=2938819&post=17&subd=prasadk&ref=&feed=1" />]]></description>
		<wfw:commentRss>http://cssidiots.com/2008/03/16/double-margin/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/bc87ba8fb06b2bbb9f612f4f50ba6959?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96" medium="image">
			<media:title type="html">css pro</media:title>
		</media:content>

		<media:content url="http://s9.addthis.com/button1-addthis.gif" medium="image">
			<media:title type="html">Bookmark and Share</media:title>
		</media:content>
	</item>
		<item>
		<title>IE6 duplicate character bug</title>
		<link>http://cssidiots.com/2008/03/15/ie6-duplicate-character-bug/</link>
		<comments>http://cssidiots.com/2008/03/15/ie6-duplicate-character-bug/#comments</comments>
		<pubDate>Sat, 15 Mar 2008 23:13:00 +0000</pubDate>
		<dc:creator>css pro</dc:creator>
				<category><![CDATA[Bugs & fixes]]></category>
		<category><![CDATA[css repeating character]]></category>
		<category><![CDATA[ghost text bug]]></category>

		<guid isPermaLink="false">http://prasadk.wordpress.com/2008/03/15/ie6-duplicate-character-bug/</guid>
		<description><![CDATA[Do you use a lot of HTML comments in your code? Well it&#8217;s very nice habit to keep your code commented, unfortunately IE6 doesn&#8217;t like it unless these comments are placed in between floated elements.
Characters will get repeated when there are multiple HTML comments are placed in between floated elements, also called as ghost text [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cssidiots.com&blog=2938819&post=16&subd=prasadk&ref=&feed=1" />]]></description>
		<wfw:commentRss>http://cssidiots.com/2008/03/15/ie6-duplicate-character-bug/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/bc87ba8fb06b2bbb9f612f4f50ba6959?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96" medium="image">
			<media:title type="html">css pro</media:title>
		</media:content>

		<media:content url="http://s9.addthis.com/button1-addthis.gif" medium="image">
			<media:title type="html">Bookmark and Share</media:title>
		</media:content>
	</item>
		<item>
		<title>CSS shorthand</title>
		<link>http://cssidiots.com/2008/02/21/css-shorthand/</link>
		<comments>http://cssidiots.com/2008/02/21/css-shorthand/#comments</comments>
		<pubDate>Thu, 21 Feb 2008 22:27:00 +0000</pubDate>
		<dc:creator>css pro</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[power of css]]></category>
		<category><![CDATA[shorthand]]></category>

		<guid isPermaLink="false">http://prasadk.wordpress.com/2008/02/21/css-shorthand/</guid>
		<description><![CDATA[Background
background-color:#fff;
background-image:url(background.gif);
background-repeat:no-repeat;
background-position:top left;
Woh&#8230; it&#8217;s too long, take a look at this.
background:#fff url(background.gif) no-repeat top left;
Font
font-size:1em;
line-height:2em;
font-weight:bold;
font-style:italic;
font-family:arial;
Shorthand:
font:1em/2em bold italic serif;
Margin &#38; padding
There are different shorthand properties for margin &#38; padding.
Four different values
margin-top:10px;
margin-right:5px;
margin-bottom:15px;
margin-left:20px;
shorthand:
margin:10px 5px 15px 20px; (top, right, bottom, left)
Three different values
margin-top:10px;
margin-right:5px;
margin-bottom:15px;
margin-left:5px;
shorthand:
margin:10px 5px 15px; (top, right and left, bottom)
Two different values
margin-top:10px;
margin-right:20px;
margin-bottom:10px;
margin-left:20px;
shorthand:
margin:10px 20px; (top and bottom, right and left)
One value
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
margin-left:10px;
shorthand:
margin:10px; [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cssidiots.com&blog=2938819&post=11&subd=prasadk&ref=&feed=1" />]]></description>
		<wfw:commentRss>http://cssidiots.com/2008/02/21/css-shorthand/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/bc87ba8fb06b2bbb9f612f4f50ba6959?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96" medium="image">
			<media:title type="html">css pro</media:title>
		</media:content>

		<media:content url="http://s9.addthis.com/button1-addthis.gif" medium="image">
			<media:title type="html">Bookmark and Share</media:title>
		</media:content>
	</item>
	</channel>
</rss>