<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
<channel>
<title>Snipplr</title>
<link>http://snipplr.com/favorites/aziz/language/css</link>
<description>Recent snippets posted on Snipplr.com</description>
<language>en-us</language>
<pubDate>Fri, 05 Sep 2008 09:05:49 GMT</pubDate>
<item>
<title>(CSS) Style Links By File Type - aziz</title>
<link>http://snipplr.com/view/4284/style-links-by-file-type/</link>
<description><![CDATA[ <p>Style external, email, and pdf links using css3 attribute selectors.</p> ]]></description>
<pubDate>Fri, 07 Dec 2007 17:50:30 GMT</pubDate>
<guid>http://snipplr.com/view/4284/style-links-by-file-type/</guid>
</item>
<item>
<title>(CSS) font-face - aziz</title>
<link>http://snipplr.com/view/4191/fontface/</link>
<description><![CDATA[ <p>Esta propiedad del CSS, que nos permite definir, en este ejemplo, la familia de fuentes “Kimberly” para luego usarla en los elementos que queramos. Esto acabará con las diferencias de visualización de página que hasta ahora dependiamos que el usuario tuviera instaladas las fuentes en su local para poder usarlas. Ahora haremos que el usuario vea la web tal y como nosotros la vemos.</p> ]]></description>
<pubDate>Sun, 25 Nov 2007 17:19:32 GMT</pubDate>
<guid>http://snipplr.com/view/4191/fontface/</guid>
</item>
<item>
<title>(CSS) Style links - aziz</title>
<link>http://snipplr.com/view/4187/style-links/</link>
<description><![CDATA[ <p>Style external links.

Inspired by: http://pooliestudios.com/projects/iconize/ and http://www.hunlock.com/blogs/Attach_icons_to_anything_with_CSS</p> ]]></description>
<pubDate>Sun, 25 Nov 2007 16:12:28 GMT</pubDate>
<guid>http://snipplr.com/view/4187/style-links/</guid>
</item>
<item>
<title>(CSS) Styling forms with definition lists - aziz</title>
<link>http://snipplr.com/view/3433/styling-forms-with-definition-lists/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Wed, 01 Aug 2007 06:12:38 GMT</pubDate>
<guid>http://snipplr.com/view/3433/styling-forms-with-definition-lists/</guid>
</item>
<item>
<title>(CSS) Centering a div of unknown width - aziz</title>
<link>http://snipplr.com/view/3368/centering-a-div-of-unknown-width/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Tue, 24 Jul 2007 10:15:26 GMT</pubDate>
<guid>http://snipplr.com/view/3368/centering-a-div-of-unknown-width/</guid>
</item>
<item>
<title>(CSS) absolutely positioned element - aziz</title>
<link>http://snipplr.com/view/3296/absolutely-positioned-element/</link>
<description><![CDATA[ <p>absolutely positioned element</p> ]]></description>
<pubDate>Fri, 13 Jul 2007 15:43:14 GMT</pubDate>
<guid>http://snipplr.com/view/3296/absolutely-positioned-element/</guid>
</item>
<item>
<title>(CSS) Turn Off Box Element and Positioning Outline (for Firefox and Safari) - aziz</title>
<link>http://snipplr.com/view/3097/turn-off-box-element-and-positioning-outline-for-firefox-and-safari/</link>
<description><![CDATA[ <p>Turns off the outline that often shows up in positioned blocks on Firefox and Safari</p> ]]></description>
<pubDate>Fri, 29 Jun 2007 15:32:50 GMT</pubDate>
<guid>http://snipplr.com/view/3097/turn-off-box-element-and-positioning-outline-for-firefox-and-safari/</guid>
</item>
<item>
<title>(CSS) grayscale img with css crossbrowser - aziz</title>
<link>http://snipplr.com/view/2836/grayscale-img-with-css-crossbrowser/</link>
<description><![CDATA[ <p>this snippet modifies a SPAN tag inside a A link so that it covers a nearby IMG and applies a semi-transparent gray layer over it, making the IMG to be grayscaled</p> ]]></description>
<pubDate>Mon, 11 Jun 2007 02:23:16 GMT</pubDate>
<guid>http://snipplr.com/view/2836/grayscale-img-with-css-crossbrowser/</guid>
</item>
<item>
<title>(CSS) Font Family: Verdana - aziz</title>
<link>http://snipplr.com/view/2655/font-family-verdana/</link>
<description><![CDATA[ <p>Win/Mac/Linux font family for Verdana.</p> ]]></description>
<pubDate>Wed, 16 May 2007 08:13:34 GMT</pubDate>
<guid>http://snipplr.com/view/2655/font-family-verdana/</guid>
</item>
<item>
<title>(CSS) Font Family: Trebuchet MS - aziz</title>
<link>http://snipplr.com/view/2654/font-family-trebuchet-ms/</link>
<description><![CDATA[ <p>Win/Mac/Linux font family for Trebuchet MS</p> ]]></description>
<pubDate>Wed, 16 May 2007 08:12:58 GMT</pubDate>
<guid>http://snipplr.com/view/2654/font-family-trebuchet-ms/</guid>
</item>
<item>
<title>(CSS) Font Family: Tahoma - aziz</title>
<link>http://snipplr.com/view/2652/font-family-tahoma/</link>
<description><![CDATA[ <p>Win/Mac/Linux font family for Tahoma</p> ]]></description>
<pubDate>Wed, 16 May 2007 08:12:27 GMT</pubDate>
<guid>http://snipplr.com/view/2652/font-family-tahoma/</guid>
</item>
<item>
<title>(CSS) Font Family: Palatino Linotype - aziz</title>
<link>http://snipplr.com/view/2651/font-family-palatino-linotype/</link>
<description><![CDATA[ <p>Win/Mac/Linux font family for Palatino Linotype</p> ]]></description>
<pubDate>Wed, 16 May 2007 08:11:58 GMT</pubDate>
<guid>http://snipplr.com/view/2651/font-family-palatino-linotype/</guid>
</item>
<item>
<title>(CSS) Image-Replacement - Phark-Methode - aziz</title>
<link>http://snipplr.com/view/2605/imagereplacement--pharkmethode/</link>
<description><![CDATA[ <p>This solution is cool for screen readers, because they also read the text content.</p> ]]></description>
<pubDate>Mon, 07 May 2007 02:40:53 GMT</pubDate>
<guid>http://snipplr.com/view/2605/imagereplacement--pharkmethode/</guid>
</item>
<item>
<title>(CSS) Transparent PNG Fix for IE 5.5 &amp;amp; 6 - aziz</title>
<link>http://snipplr.com/view/2243/transparent-png-fix-for-ie-55--6/</link>
<description><![CDATA[ <p>This is an excellent solution for fixing IE 6's inability to display transparent PNGs correctly.

Step 1: Include the following conditional comment the HEAD area of your document. You will need to update the CSS selector and also the path to whereever you put the .htc file.

&amp;lt;!--[if lte IE 6]&amp;gt;
&amp;lt;style type="text/css"&amp;gt;
&amp;#160;&amp;#160;img { behavior: url(/css/iepngfix.htc) }
&amp;lt;/style&amp;gt;
&amp;lt;![endif]--&amp;gt;

Step 2: Create a transparent GIF that's 1x1 and save it as blank.gif in your images folder.

Step 3. Copy the source below and save it in a file called iepngfix.htc and place it in your CSS folder. Note, you may need to update the images folder to match the folder you're using on your site.

That's it. Once you have everything in place and assuming everything is referenced correclty, PNG transparency will work in IE 6.</p> ]]></description>
<pubDate>Wed, 07 Mar 2007 12:10:25 GMT</pubDate>
<guid>http://snipplr.com/view/2243/transparent-png-fix-for-ie-55--6/</guid>
</item>
<item>
<title>(CSS) CSS Image Preloader - aziz</title>
<link>http://snipplr.com/view/2122/css-image-preloader/</link>
<description><![CDATA[ <p>A low-tech but useful technique that uses only CSS.  After placing the css in your stylesheet, insert this just below the body tag of your page: "".  Whenever the images are referenced throughout your pages they will now be loaded from cache.</p> ]]></description>
<pubDate>Sun, 04 Feb 2007 19:47:05 GMT</pubDate>
<guid>http://snipplr.com/view/2122/css-image-preloader/</guid>
</item>
<item>
<title>(CSS) IE7 IE6 targeted CSS - aziz</title>
<link>http://snipplr.com/view/2017/ie7-ie6-targeted-css/</link>
<description><![CDATA[ <p>hack to maximise CSS browser compatibility (IE 6, IE 7 and the rest of the world)</p> ]]></description>
<pubDate>Tue, 23 Jan 2007 07:22:10 GMT</pubDate>
<guid>http://snipplr.com/view/2017/ie7-ie6-targeted-css/</guid>
</item>
<item>
<title>(CSS) CSS hack to target Safari - aziz</title>
<link>http://snipplr.com/view/2004/css-hack-to-target-safari/</link>
<description><![CDATA[ <p>I pulled this from Nicholas Gagne's blog at http://www.ibloomstudios.com/article1/</p> ]]></description>
<pubDate>Sat, 20 Jan 2007 12:05:18 GMT</pubDate>
<guid>http://snipplr.com/view/2004/css-hack-to-target-safari/</guid>
</item>
<item>
<title>(CSS) Internet Explorer (IE6) CSS Hover - aziz</title>
<link>http://snipplr.com/view/1912/internet-explorer-ie6-css-hover/</link>
<description><![CDATA[ <p>IE6 and before doesn't support :hover in CSS (except for anchors). You can use this script to make hovers work in IE. Just add the following line to your stylesheet (this assumes the path of the file -- you may need to change it to reflect your paths).

body { behavior:url(&amp;quot;csshover.htc&amp;quot;); }</p> ]]></description>
<pubDate>Mon, 01 Jan 2007 20:17:07 GMT</pubDate>
<guid>http://snipplr.com/view/1912/internet-explorer-ie6-css-hover/</guid>
</item>
<item>
<title>(CSS) Center HTML content horizontally using CSS - aziz</title>
<link>http://snipplr.com/view/1907/center-html-content-horizontally-using-css/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Mon, 01 Jan 2007 11:07:42 GMT</pubDate>
<guid>http://snipplr.com/view/1907/center-html-content-horizontally-using-css/</guid>
</item>
<item>
<title>(CSS) Scrollbar properties - aziz</title>
<link>http://snipplr.com/view/1857/scrollbar-properties/</link>
<description><![CDATA[ <p>Not recommended, but sometimes a client can't be convinced otherwise.</p> ]]></description>
<pubDate>Fri, 29 Dec 2006 01:04:48 GMT</pubDate>
<guid>http://snipplr.com/view/1857/scrollbar-properties/</guid>
</item>
</channel>
</rss>