<?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>12 Stix - Tech Answers and Fixes &#187; css</title>
	<atom:link href="http://12stix.com/category/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://12stix.com</link>
	<description>Tech Answers and Fixes</description>
	<lastBuildDate>Tue, 11 Oct 2011 12:20:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Html Form Buttons not displaying correctly in mobile safari [Solved]</title>
		<link>http://12stix.com/2011/04/30/html-form-buttons-not-displaying-correctly-in-mobile-safari-solved/</link>
		<comments>http://12stix.com/2011/04/30/html-form-buttons-not-displaying-correctly-in-mobile-safari-solved/#comments</comments>
		<pubDate>Sat, 30 Apr 2011 05:36:11 +0000</pubDate>
		<dc:creator>Tris</dc:creator>
				<category><![CDATA[Apple]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Safari]]></category>

		<guid isPermaLink="false">http://12stix.com/?p=380</guid>
		<description><![CDATA[This is problem caused by safari attempting to default buttons in the mobile browser to its own apple look. A simple fix can be done using CSS. First add a class to your input button tag in the form which you may already have put there: &#60;input type=&#34;submit&#34; value=&#34;SUBMIT&#34; name=&#34;submit&#34; class=&#34;mySubmitClass&#34; /&#62; then in your [...]]]></description>
			<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><p>This is problem caused by safari attempting to default buttons in the mobile browser to its own apple look. A simple fix can be done using CSS. First add a class to your input button tag in the form which you may already have put there:</p>
<pre class="brush: html">&lt;input type=&quot;submit&quot; value=&quot;SUBMIT&quot; name=&quot;submit&quot; class=&quot;mySubmitClass&quot; /&gt;</pre>
<p>then in your stylesheet add the following to fix the issue once and for all:</p>
<pre class="brush: css">.mySubmitClass {
    -webkit-appearance: none;
}</pre>
<p><script type="text/javascript"><!--
google_ad_client = "ca-pub-8717146045717330";
/* 468-60 */
google_ad_slot = "3783102034";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
<div class="shr-publisher-380"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><!-- End Shareaholic LikeButtonSetBottom Automatic -->]]></content:encoded>
			<wfw:commentRss>http://12stix.com/2011/04/30/html-form-buttons-not-displaying-correctly-in-mobile-safari-solved/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>How to Make Italic Using CSS?</title>
		<link>http://12stix.com/2009/11/13/how-to-make-italic-using-css/</link>
		<comments>http://12stix.com/2009/11/13/how-to-make-italic-using-css/#comments</comments>
		<pubDate>Fri, 13 Nov 2009 14:03:51 +0000</pubDate>
		<dc:creator>Pete</dc:creator>
				<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://12stix.com/?p=268</guid>
		<description><![CDATA[To make text italic in CSS use the following: font-style:italic;]]></description>
			<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><p>To make text italic in CSS use the following:</p>
<p>font-style:italic;</p>
<div class="shr-publisher-268"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><!-- End Shareaholic LikeButtonSetBottom Automatic -->]]></content:encoded>
			<wfw:commentRss>http://12stix.com/2009/11/13/how-to-make-italic-using-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Attach Icons to Links Automatically</title>
		<link>http://12stix.com/2008/10/09/attach-icons-to-links-automatically/</link>
		<comments>http://12stix.com/2008/10/09/attach-icons-to-links-automatically/#comments</comments>
		<pubDate>Thu, 09 Oct 2008 15:48:09 +0000</pubDate>
		<dc:creator>Pete</dc:creator>
				<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://12stix.com/?p=52</guid>
		<description><![CDATA[This little CSS code snippet allows you to automatically attach an icon to file downloads. For instance if you had a file to download a pdf it would automatically add the icon to the right of the link. &#60;a href=&#34;news/issue12.pdf&#34;&#62;View Latest Issue&#60;/a&#62; a[href $=&#039;.pdf&#039;] { padding-right: 18px; background: transparent url(icon_pdf.gif) no-repeat center right; } Result [...]]]></description>
			<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><p>This little CSS code snippet allows you to automatically attach an icon to file downloads. For instance if you had a file to download a pdf it would automatically add the icon to the right of the link.</p>
<pre class="brush: html">&lt;a href=&quot;news/issue12.pdf&quot;&gt;View Latest Issue&lt;/a&gt;</pre>
<pre class="brush: css">a[href $=&#039;.pdf&#039;] {
padding-right: 18px;
background: transparent url(icon_pdf.gif) no-repeat center right;
}</pre>
<p>Result</p>
<p><a href="news/issue12.pdf">View Latest Issue</a> <a href="http://12stix.com/wp-content/uploads/2008/09/pdficon_small.gif"><img class="alignnone size-medium wp-image-53" title="pdficon_small" src="http://12stix.com/wp-content/uploads/2008/09/pdficon_small.gif" alt="" width="17" height="17" /></a></p>
<div class="shr-publisher-52"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><!-- End Shareaholic LikeButtonSetBottom Automatic -->]]></content:encoded>
			<wfw:commentRss>http://12stix.com/2008/10/09/attach-icons-to-links-automatically/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

