<?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:coop="http://www.google.com/coop/namespace"
	>

<channel>
	<title>Manish Verma &#187; CSS</title>
	<atom:link href="http://manishlive.com/category/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://manishlive.com</link>
	<description>Freelance Web Developer</description>
	<lastBuildDate>Tue, 02 Aug 2011 11:26:55 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>Internet Explorer Z-Index Bug</title>
		<link>http://manishlive.com/internet-explorer-z-index-bug/</link>
		<comments>http://manishlive.com/internet-explorer-z-index-bug/#comments</comments>
		<pubDate>Fri, 12 Mar 2010 13:23:25 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[bug]]></category>
		<category><![CDATA[explorer]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[z-index]]></category>

		<guid isPermaLink="false">http://manishlive.com/?p=134</guid>
		<description><![CDATA[Problem : If you are working on hover menus with sub-menus &#38; under it there is an image. When you hover menu &#38; expanded sub-menus hide behind image as both...


No related posts.

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><strong>Problem :</strong><br />
If you are working on hover menus with sub-menus &amp; under it there is an image. When you hover menu &amp; expanded sub-menus hide behind image as both div&#8217;s are positioned well with the right z-index property.</p>
<p style="text-align: justify;">In Internet Explorer positioned elements generate a new stacking context, starting with a z-index value of 0. Therefore z-index doesn’t work correctly.</p>
<p style="text-align: justify;"><strong>Fix :</strong><br />
To fix this bug, Give parent div a higher z-index value</p>
<pre class="brush: xml; title: ; notranslate">
&lt;div style=&quot;z-index: 3000&quot;&gt;
    &lt;div style=&quot;position:absolute;z-index:1000;&quot;&gt;
	&lt;a href=&quot;#&quot;&gt;Page&lt;/a&gt;
	        ...
    &lt;/div&gt;
&lt;/div&gt;
&lt;img style=&quot;position:absolute&quot; src=&quot;image.png&quot; /&gt;
</pre>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://manishlive.com/internet-explorer-z-index-bug/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
			<coop:keyword><![CDATA[CSS]]></coop:keyword>
		<coop:keyword><![CDATA[Internet Explorer]]></coop:keyword>
		<coop:keyword><![CDATA[bug]]></coop:keyword>
		<coop:keyword><![CDATA[explorer]]></coop:keyword>
		<coop:keyword><![CDATA[internet]]></coop:keyword>
		<coop:keyword><![CDATA[z-index]]></coop:keyword>
	</item>
		<item>
		<title>How to style Form &quot;Input&quot; elements differently depend upon their type</title>
		<link>http://manishlive.com/how-to-style-form-input-elements-diffeently-depend-upon-their-type/</link>
		<comments>http://manishlive.com/how-to-style-form-input-elements-diffeently-depend-upon-their-type/#comments</comments>
		<pubDate>Thu, 11 Mar 2010 13:10:39 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA["input"]]></category>
		<category><![CDATA[depend]]></category>
		<category><![CDATA[diffeently]]></category>
		<category><![CDATA[differently]]></category>
		<category><![CDATA[elements]]></category>
		<category><![CDATA[form]]></category>
		<category><![CDATA[how]]></category>
		<category><![CDATA[style]]></category>
		<category><![CDATA[their]]></category>
		<category><![CDATA[to]]></category>
		<category><![CDATA[type]]></category>
		<category><![CDATA[upon]]></category>

		<guid isPermaLink="false">http://manishlive.com/?p=112</guid>
		<description><![CDATA[If you want to style your Form &#34;Input&#34; elements depend upon their type=&#34;text&#34; or type=&#34;input&#34; or type=&#34;submit&#34; You can use this format to style your Form &#8220;Input&#8221; elements For &#8220;Text&#8221;...


No related posts.

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>If you want to style your Form &quot;Input&quot; elements depend upon their type=&quot;text&quot; or type=&quot;input&quot; or type=&quot;submit&quot;</p>
<p>You can use this format to style your Form &#8220;Input&#8221; elements</p>
<p><strong>For &#8220;Text&#8221; Input Type :</strong></p>
<pre class="brush: css; title: ; notranslate">
input[type=&quot;text&quot;] {
/* Add Style Here */
}
 </pre>
<p><strong>For &#8220;Button&#8221; Input Type :</strong></p>
<pre class="brush: css; title: ; notranslate">
input[type=&quot;button&quot;] {
/* Add Style Here */
}
 </pre>
<p><strong>For &#8220;Submit&#8221; Input Type :</strong></p>
<pre class="brush: css; title: ; notranslate">
input[type=&quot;submit&quot;] {
/* Add Style Here */
}
 </pre>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://manishlive.com/how-to-style-form-input-elements-diffeently-depend-upon-their-type/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
			<coop:keyword><![CDATA[CSS]]></coop:keyword>
		<coop:keyword><![CDATA["input"]]></coop:keyword>
		<coop:keyword><![CDATA[depend]]></coop:keyword>
		<coop:keyword><![CDATA[diffeently]]></coop:keyword>
		<coop:keyword><![CDATA[differently]]></coop:keyword>
		<coop:keyword><![CDATA[elements]]></coop:keyword>
		<coop:keyword><![CDATA[form]]></coop:keyword>
		<coop:keyword><![CDATA[how]]></coop:keyword>
		<coop:keyword><![CDATA[style]]></coop:keyword>
		<coop:keyword><![CDATA[their]]></coop:keyword>
		<coop:keyword><![CDATA[to]]></coop:keyword>
		<coop:keyword><![CDATA[type]]></coop:keyword>
		<coop:keyword><![CDATA[upon]]></coop:keyword>
	</item>
		<item>
		<title>CSS Rounded Corners Without Images</title>
		<link>http://manishlive.com/css-rounded-corners-without-images/</link>
		<comments>http://manishlive.com/css-rounded-corners-without-images/#comments</comments>
		<pubDate>Wed, 25 Nov 2009 13:26:37 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[css tricks]]></category>
		<category><![CDATA[rounded corners]]></category>

		<guid isPermaLink="false">http://manishlive.com/css-rounded-corners-without-images/</guid>
		<description><![CDATA[To get rounded corners, Try this CSS For Firefox : For Individual Corners : For Chrome/Safari : For Individual Corner : For Internet Explorer : You have to first download...


No related posts.

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>To get rounded corners, Try this CSS</p>
<p><strong>For Firefox :</strong></p>
<pre class="brush: css; title: ; notranslate"> -moz-border-radius: 10px;</pre>
<p>For Individual Corners : </p>
<pre class="brush: css; title: ; notranslate">-moz-border-radius-topleft:10px; /*Top Left Corner*/ </pre>
<pre class="brush: css; title: ; notranslate">-moz-border-radius-topright:10px; /*Top Right Corner*/ </pre>
<pre class="brush: css; title: ; notranslate">-moz-border-radius-bottomleft:10px; /*Bottom Left Corner*/ </pre>
<pre class="brush: css; title: ; notranslate">-moz-border-radius-bottomright:10px; /*Bottom Right Corner*/ </pre>
<p><strong>For Chrome/Safari :</strong></p>
<pre class="brush: css; title: ; notranslate">-webkit-border-radius: 10px;</pre>
<p>For Individual Corner : </p>
<pre class="brush: css; title: ; notranslate">-webkit-border-top-left-radius:10px; /* Top Left Corner */ </pre>
<pre class="brush: css; title: ; notranslate">-webkit-border-top-right-radius:10px; /* Top Right Corner */</pre>
<pre class="brush: css; title: ; notranslate">-webkit-border-bottom-left-radius:10px; /* Bottom Left Corner */</pre>
<pre class="brush: css; title: ; notranslate">-webkit-border-bottom-right-radius:10px; /* Bottom Right Corner */</pre>
<p><strong>For Internet Explorer :</strong></p>
<p>You have to first download .htc solution &amp; upload it.</p>
<p><a href="http://curved-corner.googlecode.com/files/border-radius.htc">Download htc files from here</a></p>
<p>Then add this to your css</p>
<pre class="brush: css; title: ; notranslate">behavior: url(/css/border-radius.htc);
/* This is the path where you upload .htc solution */
border-radius: 10px;</pre>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://manishlive.com/css-rounded-corners-without-images/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
			<coop:keyword><![CDATA[CSS]]></coop:keyword>
		<coop:keyword><![CDATA[css tricks]]></coop:keyword>
		<coop:keyword><![CDATA[rounded corners]]></coop:keyword>
	</item>
	</channel>
</rss>

