<?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/"
	
	xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>El blog imposible de diseño &#187; errores</title>
	<atom:link href="http://ivanmendoza.net/tag/errores/feed" rel="self" type="application/rss+xml" />
	<link>http://ivanmendoza.net</link>
	<description>por Iván E. Mendoza</description>
	<lastBuildDate>Mon, 21 May 2012 22:33:02 +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>CSS: Corregir la línea punteada fuera de lugar en los enlaces</title>
		<link>http://ivanmendoza.net/desarrollo-web/css-corregir-la-lnea-punteada-fuera-de-lugar-en-los-enlaces?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=css-corregir-la-lnea-punteada-fuera-de-lugar-en-los-enlaces</link>
		<comments>http://ivanmendoza.net/desarrollo-web/css-corregir-la-lnea-punteada-fuera-de-lugar-en-los-enlaces#comments</comments>
		<pubDate>Sun, 26 Apr 2009 20:11:19 +0000</pubDate>
		<dc:creator>Iván</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[diseño web]]></category>
		<category><![CDATA[errores]]></category>
		<category><![CDATA[Tips & Recomendaciones]]></category>

		<guid isPermaLink="false">http://ivanmendoza.net/desarrollo-web/css/css-corregir-la-lnea-punteada-fuera-de-lugar-en-los-enlaces-2009-04-26</guid>
		<description><![CDATA[Este será un tip rápido para corregir la línea punteada fuera de lugar en los enlaces y botones. El error lo he visto en Firefox aunque desconozco si también aparece en otros navegadores La línea que se ve arriba, llamada &#8230; <a href="http://ivanmendoza.net/desarrollo-web/css-corregir-la-lnea-punteada-fuera-de-lugar-en-los-enlaces">Sigue leyendo <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Este será un tip rápido para corregir la línea punteada fuera de lugar en los enlaces y botones. El error lo he visto en Firefox aunque desconozco si también aparece en otros navegadores</p>
<p align="center"><img title="linea-erronea" style="border-right: 0px; border-top: 0px; display: inline; margin: 10px; border-left: 0px; border-bottom: 0px" height="62" alt="linea-erronea" src="http://ivanmendoza.net/wp-content/uploads/2009/04/lineaerronea.png" width="411" border="0" /> </p>
<p align="left">La línea que se ve arriba, llamada <em>outline,</em> no debería ser tan extensa. Este error ocurre cuando a través de CSS queremos ocultar el texto de un elemento enviándolo lejos del área visible con <em>text-indent</em>. En el código de abajo se puede ver el text-indent a –9999em (lo enviaron muy lejos jeje).</p>
<p align="center"><img title="css-problema" style="border-right: 0px; border-top: 0px; display: inline; margin: 10px; border-left: 0px; border-bottom: 0px" height="177" alt="css-problema" src="http://ivanmendoza.net/wp-content/uploads/2009/04/cssproblema.png" width="461" border="0" /> </p>
<p align="left">Para corregirlo solo hay que añadir una regla más al CSS: <strong>overflow:hidden;</strong></p>
<p align="center"><img title="css-solucion" style="border-right: 0px; border-top: 0px; display: inline; margin: 10px 0px; border-left: 0px; border-bottom: 0px" height="177" alt="css-solucion" src="http://ivanmendoza.net/wp-content/uploads/2009/04/csssolucion.png" width="450" border="0" /> </p>
<p align="left">Con esto la línea se ajusta de nuevo al elemento porque ya no “busca” al texto fuera del área visible.</p>
<p align="center"><img title="linea-correcta" style="border-right: 0px; border-top: 0px; display: inline; margin: 10px; border-left: 0px; border-bottom: 0px" height="68" alt="linea-correcta" src="http://ivanmendoza.net/wp-content/uploads/2009/04/lineacorrecta.png" width="355" border="0" /></p>
<div id="crp_related"><h3>Artículos relacionados:</h3><ul><li><a href="http://ivanmendoza.net/diseno/disenadores-graficos/junkandres" rel="bookmark" class="crp_title">JunkAndres</a></li><li><a href="http://ivanmendoza.net/diseno/disenadores-guatemaltecos-twitter" rel="bookmark" class="crp_title">12 dise&ntilde;adores guatemaltecos para seguir en Twitter</a></li><li><a href="http://ivanmendoza.net/software/ordena-rpidamente-las-ventanas-de-twhirl" rel="bookmark" class="crp_title">Ordena rápidamente las ventanas de Twhirl</a></li></ul></div><p><a href="http://ivanmendoza.net/desarrollo-web/css-corregir-la-lnea-punteada-fuera-de-lugar-en-los-enlaces?utm_source=feed&utm_medium=link&utm_content=footer&utm_campaign=comentarios&utm_term=3 comentarios#comments">3 comentarios</a></p>
<hr />
<p><small><a href="http://ivanmendoza.net?utm_source=feed&utm_medium=link&utm_content=footer&utm_campaign=creditos">ivanmendoza</a> 2009 - Bajo licencia <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/gt/">Creative Commons By-NC-SA</a>.</small></p>]]></content:encoded>
			<wfw:commentRss>http://ivanmendoza.net/desarrollo-web/css-corregir-la-lnea-punteada-fuera-de-lugar-en-los-enlaces/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
	
		<media:thumbnail url="http://ivanmendoza.net/wp-content/uploads/2009/04/lineaerronea.png" />
		<media:content url="http://ivanmendoza.net/wp-content/uploads/2009/04/lineaerronea.png" medium="image">
			<media:title type="html">linea-erronea</media:title>
		</media:content>
		<media:content url="http://ivanmendoza.net/wp-content/uploads/2009/04/cssproblema.png" medium="image">
			<media:title type="html">css-problema</media:title>
		</media:content>
		<media:content url="http://ivanmendoza.net/wp-content/uploads/2009/04/csssolucion.png" medium="image">
			<media:title type="html">css-solucion</media:title>
		</media:content>
		<media:content url="http://ivanmendoza.net/wp-content/uploads/2009/04/lineacorrecta.png" medium="image">
			<media:title type="html">linea-correcta</media:title>
		</media:content>
	</item>
	</channel>
</rss>

