<?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>My Own Percept&#187; html</title>
	<atom:link href="http://myownpercept.com/tag/html/feed/" rel="self" type="application/rss+xml" />
	<link>http://myownpercept.com</link>
	<description>&#34;Only in quiet waters things mirror themselves undistorted. Only in a quiet mind is adequate perception of the world.&#34;~Hans Margolius</description>
	<lastBuildDate>Fri, 30 Mar 2012 16:42:37 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>How to remove the blue border around an image link</title>
		<link>http://myownpercept.com/2009/04/remove-border-around-image/</link>
		<comments>http://myownpercept.com/2009/04/remove-border-around-image/#comments</comments>
		<pubDate>Sun, 12 Apr 2009 17:34:22 +0000</pubDate>
		<dc:creator>Marouan OMEZZINE</dc:creator>
				<category><![CDATA[how-to]]></category>
		<category><![CDATA[snippet]]></category>
		<category><![CDATA[Tips & Tricks]]></category>
		<category><![CDATA[Web development]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>

		<guid isPermaLink="false">http://www.myownpercept.com/?p=155</guid>
		<description><![CDATA[<p>[ad#only_in_post] You want to use an image as a link.However, a blue border appears around the image. This border is meant to inform users that the image is a link. Well, it&#8217;s a link but this is ugly :s and may not fit your need. [ad#hire_me] Solution You simply have to add a border-style, set [...]</p>
 ]]></description>
			<content:encoded><![CDATA[<p><!--digg--></p>
<p style="text-align: center;">[ad#only_in_post]</p>
<p>You want to use an image as a link.However, a blue border appears around the image.</p><pre class="crayon-plain-tag">&lt;a href=&quot;http://www.myownpercept.com/&quot;&gt;  
  &lt;img src=&quot;logo.png&quot; alt=&quot;&quot; /&gt;
&lt;/a&gt;</pre><p>This border is meant to inform users that the image is a link. Well, it&#8217;s a link but this is ugly :s and may not fit your need.<br />
[ad#hire_me]  </p>
<h2>Solution</h2>
<ol>
<li>You simply have to add a border-style, set to none, as a style to your img tag<br />
<pre class="crayon-plain-tag">&lt;a href=&quot;http://www.myownpercept.com/&quot;&gt;
  &lt;img style=&quot;border-style: none;&quot; src=&quot;logo.png&quot; alt=&quot;&quot; /&gt;
&lt;/a&gt;</pre>
</li>
<li>A cleaner way, that will pass the W3C validation, is by adding those lines to your CSS file :<br />
<pre class="crayon-plain-tag">img {
	border-style: none;
}</pre>
</li>
<li>A dirty old way, but works,  is by adding border attribute to the img tag.<br />
<pre class="crayon-plain-tag">&lt;a href=&quot;http://www.myownpercept.com/&quot;&gt;  
  &lt;img src=&quot;logo.png&quot; border=&quot;0&quot; alt=&quot;&quot; /&gt;
&lt;/a&gt;</pre>
</li>
]]></content:encoded>
			<wfw:commentRss>http://myownpercept.com/2009/04/remove-border-around-image/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

