<?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>ToTheTech.Net - The Webmaster Guide &#187; CSS</title>
	<atom:link href="http://www.tothetech.net/category/css/feed" rel="self" type="application/rss+xml" />
	<link>http://www.tothetech.net</link>
	<description>We write all about Webmaster needs.</description>
	<lastBuildDate>Sat, 04 Sep 2010 05:00:03 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Fix the Width of Images via CSS</title>
		<link>http://www.tothetech.net/css/fix-the-width-of-images-via-css.html</link>
		<comments>http://www.tothetech.net/css/fix-the-width-of-images-via-css.html#comments</comments>
		<pubDate>Sat, 09 May 2009 02:58:21 +0000</pubDate>
		<dc:creator>Karthikeyan</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[width]]></category>

		<guid isPermaLink="false">http://www.tothetech.net/?p=90</guid>
		<description><![CDATA[Every time i used to upload files in the width size of 500 according to wordpress theme, but it made me irritating and RSS readers cannot view the picture in full size. So i found a way to display pictures in a fixed wdith for wordpress theme via CSS Find out style.css in your theme [...]]]></description>
			<content:encoded><![CDATA[<p>Every time i used to upload files in the width size of 500 according to wordpress theme, but it made me irritating and RSS readers cannot view the picture in full size. So i found a way to display pictures in a fixed wdith for wordpress theme via CSS</p>
<p><span id="more-90"></span>Find out <strong>style.css</strong> in your theme folder and search for content selector. For instance search for img in your style.css file and there will be content selector.</p>
<p><strong>Example</strong></p>
<pre>
<code>.entry img
{
margin:0 10px 10px;
}</code>
</pre>
<p>Append the following CSS code with the above code</p>
<pre>
<code>max-width: 500px;
width:expression(this.width &gt; 500 ? 500: true);</code>
</pre>
<p>Finally the code will be </p>
<pre>
<code>.entry img {
margin:0 10px 10px;
max-width: 500px;
width:expression(this.width &gt; 500 ? 500: true);
}</code>
</pre>
]]></content:encoded>
			<wfw:commentRss>http://www.tothetech.net/css/fix-the-width-of-images-via-css.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
