<?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>Iván Mendoza &#187; CSS</title>
	<atom:link href="http://ivanmendoza.net/tag/css/feed" rel="self" type="application/rss+xml" />
	<link>http://ivanmendoza.net</link>
	<description>Diseño, desarrollo web y social media</description>
	<lastBuildDate>Fri, 23 Jul 2010 20:36:11 +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>CSS: Corregir la l&#237;nea punteada fuera de lugar en los enlaces</title>
		<link>http://ivanmendoza.net/desarrollo-web/css/css-corregir-la-lnea-punteada-fuera-de-lugar-en-los-enlaces-2009-04-26?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=css-corregir-la-lnea-punteada-fuera-de-lugar-en-los-enlaces</link>
		<comments>http://ivanmendoza.net/desarrollo-web/css/css-corregir-la-lnea-punteada-fuera-de-lugar-en-los-enlaces-2009-04-26#comments</comments>
		<pubDate>Sun, 26 Apr 2009 21:11:19 +0000</pubDate>
		<dc:creator>Iván</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[diseño web]]></category>
		<category><![CDATA[errores]]></category>
		<category><![CDATA[tips]]></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 outline, no debería ser tan extensa. Este error ocurre cuando a través de CSS queremos [...]]]></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>
<h3>Otros temas</h3>
<ul class="popular-posts">
<li><a href="http://ivanmendoza.net/diseno/10-anos-despues-marquee-2010-07-11" rel="bookmark" title="Julio 11, 2010">10 años después: marquee</a></li>
<li><a href="http://ivanmendoza.net/desarrollo-web/javascript/integrar-jsmin-con-pspad-2010-03-05" rel="bookmark" title="Marzo 5, 2010">Integrar JSmin con PSPad</a></li>
<li><a href="http://ivanmendoza.net/tips/carpetas-cada-diseno-en-su-lugar-2010-07-14" rel="bookmark" title="Julio 14, 2010">Carpetas: cada diseño en su lugar</a></li>
</ul>
<p><!-- popular Posts took 4.042 ms --></p>
<p class='fb-like'><iframe src='http://www.facebook.com/plugins/like.php?href=http://ivanmendoza.net/desarrollo-web/css/css-corregir-la-lnea-punteada-fuera-de-lugar-en-los-enlaces-2009-04-26&amp;layout=standard&amp;show_faces=true&amp;width=260&amp;action=like&amp;colorscheme=light' scrolling='no' frameborder='0' allowTransparency='true' style='border:none; overflow:hidden; width:260px; height:26px'></iframe></p><fb:share-button href="http://ivanmendoza.net/desarrollo-web/css/css-corregir-la-lnea-punteada-fuera-de-lugar-en-los-enlaces-2009-04-26" type="button_count"></fb:share-button><p><a href="http://ivanmendoza.net/desarrollo-web/css/css-corregir-la-lnea-punteada-fuera-de-lugar-en-los-enlaces-2009-04-26?utm_source=feed&utm_medium=link&utm_content=footer&utm_campaign=comentarios&utm_term=3 comentarios#comments">3 comentarios</a> | <a href="http://twitter.com/home?status=CSS: Corregir la l&iacute;nea punteada fuera de lugar en los enlaces http://ivanmendoza.net/desarrollo-web/css/css-corregir-la-lnea-punteada-fuera-de-lugar-en-los-enlaces-2009-04-26 (via @dic7)">Envialo a twitter</a></p>
<hr />
<p><small>(cc) 2009 <a href="http://ivanmendoza.net?utm_source=feed&utm_medium=link&utm_content=footer&utm_campaign=creditos">ivanmendoza</a> (<a href="http://twitter.com/dic7">@dic7</a>). 
</small></p>]]></content:encoded>
			<wfw:commentRss>http://ivanmendoza.net/desarrollo-web/css/css-corregir-la-lnea-punteada-fuera-de-lugar-en-los-enlaces-2009-04-26/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>
