<?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>Free Web Resources - Web Resources Depot &#187; Triangle</title>
	<atom:link href="http://www.webresourcesdepot.com/tag/triangle/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.webresourcesdepot.com</link>
	<description>Free Web Resources</description>
	<lastBuildDate>Sun, 12 Feb 2012 13:06:12 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.4</generator>
		<item>
		<title>Creating Triangles With Pure CSS</title>
		<link>http://www.webresourcesdepot.com/creating-triangles-with-pure-css/</link>
		<comments>http://www.webresourcesdepot.com/creating-triangles-with-pure-css/#comments</comments>
		<pubDate>Thu, 31 Dec 2009 09:25:29 +0000</pubDate>
		<dc:creator>Umut M.</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[No License]]></category>
		<category><![CDATA[Xhtml & Css]]></category>
		<category><![CDATA[Triangle]]></category>

		<guid isPermaLink="false">http://www.webresourcesdepot.com/?p=1363</guid>
		<description><![CDATA[<p><a href='http://rss.buysellads.com/click.php?z=1259982&k=ed230295611f656daf3115e6d682ca7d&a=1363&c=21417' target='_blank'><img src='http://rss.buysellads.com/img.php?z=1259982&k=ed230295611f656daf3115e6d682ca7d&a=1363&c=21417' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/ed230295611f656daf3115e6d682ca7d/zone/1259982' target='_blank'>Advertise here with BSA</a></p><br />Several months ago, a post at WRD (CSS Tooltips Pointers With No Images) was sharing a technique which e as As elements in HTML are square/rectangle shaped, creating a triangle using pure HTML/CSS may not seem to be possible. However, as browsers draw borders at angles, it is possible to create an illusion which Jon [...]]]></description>
			<content:encoded><![CDATA[<p><a href='http://rss.buysellads.com/click.php?z=1259982&k=ed230295611f656daf3115e6d682ca7d&a=1363&c=24186' target='_blank'><img src='http://rss.buysellads.com/img.php?z=1259982&k=ed230295611f656daf3115e6d682ca7d&a=1363&c=24186' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/ed230295611f656daf3115e6d682ca7d/zone/1259982' target='_blank'>Advertise here with BSA</a></p><br /><p>Several months ago, a post at WRD (<a href="http://www.webresourcesdepot.com/css-tooltips-pointers-with-no-images/" target="_blank">CSS Tooltips Pointers With No Images</a>) was sharing a technique which e as</p>
<p>As elements in HTML are square/rectangle shaped, <strong>creating a triangle using pure HTML/CSS</strong> may not seem to be possible.</p>
<p>However, as <strong>browsers draw borders at angles</strong>, it is possible to create an illusion which Jon Rohan is <a href="http://www.dinnermint.org/css/creating-triangles-in-css/" target="_blank">sharing in detail</a>.</p>
<p><a href="http://www.dinnermint.org/css/creating-triangles-in-css/" target="_blank"><img alt="Triangles With CSS" height="150" src="http://www.webresourcesdepot.com/wp-content/uploads/triangles-with-css.gif" width="480" /></a></p>
<p>The technique simply <strong>uses a colored border with large pixels for one side of an element</strong> with leaving other sides transparent.</p>
<p>As expected, IE6 doesn&#39;t support this trick by default but Jon Rohan shows how to &quot;hack&quot; this with few CSS rules.</p>
<p><strong>P.S.</strong> You may also want to check <a href="http://www.webresourcesdepot.com/css-tooltips-pointers-with-no-images/">CSS Tooltips Pointers With No Images</a> post at WRD which uses a similar technique.</p>
<p><strong>Special Downloads:</strong><br />
<a href="http://www.webresourcesdepot.com/?download=jBasket" target="_blank">Ajaxed Add-To-Basket Scenarios With jQuery And PHP</a><br />
<a href="http://www.webresourcesdepot.com/?download=Free-Admin-Template" target="_blank">Free Admin Template For Web Applications</a><br />
<a href="http://www.webresourcesdepot.com/?download=jQuery-Dynamic-Drag-Drop" target="_blank">jQuery Dynamic Drag&#8217;n Drop</a><br />
<a href="http://www.webresourcesdepot.com/?download=sTwitter-1-0" target="_blank">ScheduledTweets</a></p>
<p><strong>Advertisements:</strong><br />
<a href="http://www.admintemplates.com" target="_blank">Professional XHTML Admin Template ($15 Discount With The Code: WRD.)</a><br />
<a href="http://www.xhtmchop.com" target="_blank">Psd to Xhtml</a><br />
<a href="http://www.sslmatic.com" target="_blank">SSLmatic &#8211; Cheap SSL Certificates (from $19.99/year)</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.webresourcesdepot.com/creating-triangles-with-pure-css/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using wincache
Page Caching using wincache (User agent is rejected)
Database Caching 6/12 queries in -3.820 seconds using wincache

Served from: www.webresourcesdepot.com @ 2012-02-12 20:49:31 -->
