<?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>WYSIWIP &#187; firefox</title>
	<atom:link href="http://zakimirza.com/blog/tag/firefox/feed/" rel="self" type="application/rss+xml" />
	<link>http://zakimirza.com/blog</link>
	<description>What You See is Work In Progress</description>
	<lastBuildDate>Wed, 23 Jul 2008 16:07:22 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Quick Firefox fix for dotted border on links</title>
		<link>http://zakimirza.com/blog/quick-firefox-fix-for-dotted-border-on-links/</link>
		<comments>http://zakimirza.com/blog/quick-firefox-fix-for-dotted-border-on-links/#comments</comments>
		<pubDate>Sat, 24 Nov 2007 01:06:22 +0000</pubDate>
		<dc:creator>Zaki</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[accessibility]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[firefox]]></category>

		<guid isPermaLink="false">http://zakimirza.com/blog/quick-firefox-fix-for-dotted-border-on-links/</guid>
		<description><![CDATA[When using the Phark -9999px method for image replacements you should use one of the fixes for the border outline in order to solve the border problem on your designs. However these fixes are not all that widely used. Here is a way to use either of these fixes across all the websites that you [...]]]></description>
			<content:encoded><![CDATA[	<p>When using the Phark <a href="http://zakimirza.com/blog/image-replacement-using-text-indent/" title"image replacement with CSS">-9999px</a> method for image replacements you should use one of the fixes for the border outline in order to solve the border problem on your designs. However these fixes are not all that widely used. Here is a way to use either of these fixes across all the websites that you browse using Firefox user style sheets.</p>
	<p>In order to make Firefox behave a certain way for all websites that you visit you have to either edit the default user style sheet or the Firefox config file.</p>
	<p><strong>Mac users:</strong> navigate to {user}/Library/Application Support/Firefox/Profiles/Chrome{your user profile}<br />
<strong>PC users:</strong> navigate to C:\Program Files\Mozilla Firefox\defaults\profile\chrome</p>
	<p>and open the file userContent-examples.css and add either one of the solutions into the CSS file and save as userContent.css<br />
Disable the border:</p>
	<pre>
<code>a {
    outline: none;
}</code></pre>
	<p>Tidy up the border:</p>
	<pre>
<code>a {
    overflow: hidden;
}</code></pre>
	<p>There is also a way to get rid of the outline border by editing the Firefox config file (keep in mind this will remove the border completely) </p>
	<p>1. Type “about:config” in Firefox’s location bar<br />
2. Find the string: <strong>browser.display.focus_ring_width</strong><br />
3. Set the value to 0</p>
	<p>Now Firefox will behave as you want across all websites you visit. Gotta love user based style sheets.
</p>
]]></content:encoded>
			<wfw:commentRss>http://zakimirza.com/blog/quick-firefox-fix-for-dotted-border-on-links/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
