<?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>Outbook &#187; CSS</title>
	<atom:link href="http://blog.outbook.es/general/desarrollo-web/css/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.outbook.es</link>
	<description>HTML+CSS+JS, Accesibilidad, PHP y más</description>
	<lastBuildDate>Sun, 18 Dec 2011 19:17:24 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Listas ordenadas: cambiar estilos de la numeración</title>
		<link>http://blog.outbook.es/desarrollo-web/listas-ordenadas-cambiar-estilos-de-la-numeracion</link>
		<comments>http://blog.outbook.es/desarrollo-web/listas-ordenadas-cambiar-estilos-de-la-numeracion#comments</comments>
		<pubDate>Tue, 04 Oct 2011 21:31:40 +0000</pubDate>
		<dc:creator>jervert</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Elemento LI]]></category>
		<category><![CDATA[Elemento OL]]></category>
		<category><![CDATA[Elementos de lista]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Pseudo-elemento before]]></category>
		<category><![CDATA[Pseudo-elementos CSS]]></category>

		<guid isPermaLink="false">http://blog.outbook.es/?p=1613</guid>
		<description><![CDATA[A los elementos de lista se les pueden añadir por CSS bullets, números, letras, etc. que les precedan cuando son visualizados en el navegador, mediante la propiedad &#8216;list-style&#8217;, o bien asignarles una imagen de fondo mediante la propiedad &#8216;background&#8217;. Cuando se trata de listas ordenadas lo habitual es utilizar números: ol li {list-style:decimal;} Los números [...]]]></description>
		<wfw:commentRss>http://blog.outbook.es/desarrollo-web/listas-ordenadas-cambiar-estilos-de-la-numeracion/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS: Rollover de elemento de imagen</title>
		<link>http://blog.outbook.es/desarrollo-web/css-rollover-de-elemento-de-imagen</link>
		<comments>http://blog.outbook.es/desarrollo-web/css-rollover-de-elemento-de-imagen#comments</comments>
		<pubDate>Thu, 01 Sep 2011 11:38:23 +0000</pubDate>
		<dc:creator>jervert</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[hover]]></category>
		<category><![CDATA[Propiedad visibility]]></category>
		<category><![CDATA[Propiedades CSS]]></category>
		<category><![CDATA[Pseudo-clase hover]]></category>
		<category><![CDATA[Rollover]]></category>

		<guid isPermaLink="false">http://blog.outbook.es/?p=1587</guid>
		<description><![CDATA[Es muy común la necesidad de que una imagen dentro de un enlace esté como elemento de imagen (IMG) y que al mismo tiempo deba tener un rollover: &#60;p&#62; &#60;a href=&#34;#&#34;&#62;&#60;img src=&#34;imagen_estado_normal&#34; alt=&#34;Imagen de ejemplo&#34; /&#62;&#60;/a&#62; &#60;/p&#62; La solución habitual pasa por utilizar Javascript para hacer el cambio de imagen en el estado &#8216;sobre&#8217;. Pero [...]]]></description>
		<wfw:commentRss>http://blog.outbook.es/desarrollo-web/css-rollover-de-elemento-de-imagen/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Diferenciación de versiones de Internet Explorer sin hacks de CSS</title>
		<link>http://blog.outbook.es/desarrollo-web/diferenciacion-de-versiones-de-internet-explorer-sin-hacks-de-css</link>
		<comments>http://blog.outbook.es/desarrollo-web/diferenciacion-de-versiones-de-internet-explorer-sin-hacks-de-css#comments</comments>
		<pubDate>Wed, 19 Jan 2011 15:55:09 +0000</pubDate>
		<dc:creator>jervert</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[XHTML]]></category>
		<category><![CDATA[Comentarios condicionales]]></category>
		<category><![CDATA[Hacks CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[Navegadores web]]></category>

		<guid isPermaLink="false">http://blog.outbook.es/?p=1412</guid>
		<description><![CDATA[Resulta habitual encontrarse con que las distintas versiones de Internet Explorer interpretan de forma distinta ciertas propiedades CSS, y que sea necesario utilizar engorrosos selectores para filtrar las versiones que dan problemas, vincular hojas de estilo mediante comentarios condicionales, Javascript, etc. ¿Y por qué no utilizar clases individualizadas para cada navegador? Se puede hacer de [...]]]></description>
		<wfw:commentRss>http://blog.outbook.es/desarrollo-web/diferenciacion-de-versiones-de-internet-explorer-sin-hacks-de-css/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Navegadores: Diferencias entre zoom y escalado de texto</title>
		<link>http://blog.outbook.es/desarrollo-web/navegadores-diferencias-entre-zoom-y-escalado-de-texto</link>
		<comments>http://blog.outbook.es/desarrollo-web/navegadores-diferencias-entre-zoom-y-escalado-de-texto#comments</comments>
		<pubDate>Tue, 28 Dec 2010 16:53:22 +0000</pubDate>
		<dc:creator>jervert</dc:creator>
				<category><![CDATA[Accesibilidad]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[Navegadores web]]></category>
		<category><![CDATA[Tamaño de tipograffía]]></category>
		<category><![CDATA[Zoom]]></category>

		<guid isPermaLink="false">http://blog.outbook.es/?p=1260</guid>
		<description><![CDATA[Cuando se quiere ver más grande un sitio en el navegador web se puede optar por dos modos de variación de las dimensiones: Mediante zoom Mediante escalado de texto El zoom hace variar el tamaño de todos los elementos de modo proporcional, pero eso no ocurre con el escalado de texto. Al variar el tamaño [...]]]></description>
		<wfw:commentRss>http://blog.outbook.es/desarrollo-web/navegadores-diferencias-entre-zoom-y-escalado-de-texto/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Internet Explorer 6 no muestra elementos con posición absoluta</title>
		<link>http://blog.outbook.es/desarrollo-web/internet-explorer-6-no-muestra-elementos-con-posicion-absoluta</link>
		<comments>http://blog.outbook.es/desarrollo-web/internet-explorer-6-no-muestra-elementos-con-posicion-absoluta#comments</comments>
		<pubDate>Wed, 02 Jun 2010 10:25:30 +0000</pubDate>
		<dc:creator>jervert</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[Internet Explorer 6]]></category>
		<category><![CDATA[Propiedad position]]></category>

		<guid isPermaLink="false">http://blog.outbook.es/?p=1165</guid>
		<description><![CDATA[Me han pasado un enlace que proporciona una solución a un problema típico de Internet Explorer 6 con el position: absolute: en ocasiones los elementos con ese tipo de posicionamiento no son visibles, y si lo son en el resto de navegadores. Si la capa con posicionamiento relativo contiene elementos flotados puede surgir el problema [...]]]></description>
		<wfw:commentRss>http://blog.outbook.es/desarrollo-web/internet-explorer-6-no-muestra-elementos-con-posicion-absoluta/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>CSS: max-width y min-width en Internet Explorer 6</title>
		<link>http://blog.outbook.es/desarrollo-web/css-max-width-y-min-width-en-internet-explorer-6</link>
		<comments>http://blog.outbook.es/desarrollo-web/css-max-width-y-min-width-en-internet-explorer-6#comments</comments>
		<pubDate>Mon, 10 May 2010 00:27:36 +0000</pubDate>
		<dc:creator>jervert</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Comentarios condicionales]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Internet Explorer 6]]></category>
		<category><![CDATA[max-width]]></category>
		<category><![CDATA[min-width]]></category>

		<guid isPermaLink="false">http://blog.outbook.es/?p=1129</guid>
		<description><![CDATA[Como ya sabemos, Internet Explorer 6 carece de soporte para determinadas propiedades de CSS. Pero se pueden emular las propiedades min-width ymax-width, mediante la inclusión de expresiones en la propiedad width. En el ejemplo se establece un ancho máximo de 1002px, que se adquiere cuando el ancho del área visible es igual o superior a [...]]]></description>
		<wfw:commentRss>http://blog.outbook.es/desarrollo-web/css-max-width-y-min-width-en-internet-explorer-6/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS: imágenes con bordes redondeados</title>
		<link>http://blog.outbook.es/desarrollo-web/css-imagenes-con-bordes-redondeados</link>
		<comments>http://blog.outbook.es/desarrollo-web/css-imagenes-con-bordes-redondeados#comments</comments>
		<pubDate>Thu, 28 Jan 2010 08:57:39 +0000</pubDate>
		<dc:creator>jervert</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Bordes redondeados]]></category>
		<category><![CDATA[Elemento IMG]]></category>

		<guid isPermaLink="false">http://blog.outbook.es/?p=647</guid>
		<description><![CDATA[Hay ocasiones en las que nos encontramos maquetando diseños en los que aparecen imágenes de las que tenemos la certeza que van a ser publicables en el sitio definitivo. Hay dos vías para que la imagen lleve los bordes redondeados: Editar cada imagen que se vaya a publicar: es muy costoso a largo plazo. Hacerle [...]]]></description>
		<wfw:commentRss>http://blog.outbook.es/desarrollo-web/css-imagenes-con-bordes-redondeados/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Propiedades CSS de opacidad o semitransparencia: opacity y filter</title>
		<link>http://blog.outbook.es/desarrollo-web/propiedades-css-de-opacidad-o-semitransparencia-opacity-y-filter</link>
		<comments>http://blog.outbook.es/desarrollo-web/propiedades-css-de-opacidad-o-semitransparencia-opacity-y-filter#comments</comments>
		<pubDate>Tue, 12 Jan 2010 10:59:12 +0000</pubDate>
		<dc:creator>jervert</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[Propiedad filter]]></category>
		<category><![CDATA[Propiedad opacity]]></category>
		<category><![CDATA[Propiedades CSS]]></category>

		<guid isPermaLink="false">http://blog.outbook.es/?p=537</guid>
		<description><![CDATA[Para que un elemento no sea del todo opaco, que tenga una semitransparencia, se utiliza la propiedad CSS opacity. Por ejemplo, para una opacidad del 50%: .opacidad {opacity: 0.5;} Como de costumbre Internet Explorer no lo soporta. Pero al menos tiene una forma de hacerlo, mediante la propiedad filter. Para obtener una opacidad del 50% [...]]]></description>
		<wfw:commentRss>http://blog.outbook.es/desarrollo-web/propiedades-css-de-opacidad-o-semitransparencia-opacity-y-filter/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>CSS: modo de empleo de la propiedad z-index</title>
		<link>http://blog.outbook.es/desarrollo-web/css-modo-de-empleo-de-la-propiedad-z-index</link>
		<comments>http://blog.outbook.es/desarrollo-web/css-modo-de-empleo-de-la-propiedad-z-index#comments</comments>
		<pubDate>Mon, 04 Jan 2010 12:42:05 +0000</pubDate>
		<dc:creator>jervert</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Propiedades CSS]]></category>
		<category><![CDATA[z-index]]></category>

		<guid isPermaLink="false">http://blog.outbook.es/?p=516</guid>
		<description><![CDATA[Hace ya dos años y medio escribí acerca del uso de la propiedad z-index. La explicación no era todo lo correcta que debía ser, y la explicación que daba no era precisamente brillante. Espero mejorarlo en esta ocasión. La propiedad z-index sirve para especificar el orden de los elementos en el eje z, o dicho [...]]]></description>
		<wfw:commentRss>http://blog.outbook.es/desarrollo-web/css-modo-de-empleo-de-la-propiedad-z-index/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS: altura mínima con min-height, incluso en IE6</title>
		<link>http://blog.outbook.es/desarrollo-web/css-altura-minima-con-min-height-incluso-en-ie6</link>
		<comments>http://blog.outbook.es/desarrollo-web/css-altura-minima-con-min-height-incluso-en-ie6#comments</comments>
		<pubDate>Mon, 21 Dec 2009 16:55:23 +0000</pubDate>
		<dc:creator>jervert</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[height]]></category>
		<category><![CDATA[Internet Explorer 6]]></category>
		<category><![CDATA[min-height]]></category>

		<guid isPermaLink="false">http://blog.outbook.es/?p=496</guid>
		<description><![CDATA[Cuando queremos utilizar una altura mínima para un elemento debemos emplear la propiedad min-height, que establece una altura mínima para dicho elemento. Pero tiene un pequeño inconveniente: no es compatible con Internet Explorer 6. Para Internet Explorer 6 se puede utilizar la propiedad height ya que la interpreta de la misma forma que los otros [...]]]></description>
		<wfw:commentRss>http://blog.outbook.es/desarrollo-web/css-altura-minima-con-min-height-incluso-en-ie6/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>CSS: Minimum height with min-height, even in IE6</title>
		<link>http://blog.outbook.es/desarrollo-web/css-minimum-height-with-min-height-even-in-ie6</link>
		<comments>http://blog.outbook.es/desarrollo-web/css-minimum-height-with-min-height-even-in-ie6#comments</comments>
		<pubDate>Mon, 21 Dec 2009 16:54:26 +0000</pubDate>
		<dc:creator>jervert</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[height]]></category>
		<category><![CDATA[Internet Explorer 6]]></category>
		<category><![CDATA[min-height]]></category>
		<category><![CDATA[Web development]]></category>

		<guid isPermaLink="false">http://blog.outbook.es/?p=494</guid>
		<description><![CDATA[When we use a minimum height for an element we must use the property min-height , which sets a minimum height for that element. But it has one drawback: it is not compatible with Internet Explorer 6. For Internet Explorer 6 may use the property height interprets it the same way that other browsers interpret [...]]]></description>
		<wfw:commentRss>http://blog.outbook.es/desarrollo-web/css-minimum-height-with-min-height-even-in-ie6/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Internet Explorer 6 y la propiedad &#8216;bottom&#8217; en CSS</title>
		<link>http://blog.outbook.es/desarrollo-web/internet-explorer-6-y-la-propiedad-bottom-en-css</link>
		<comments>http://blog.outbook.es/desarrollo-web/internet-explorer-6-y-la-propiedad-bottom-en-css#comments</comments>
		<pubDate>Wed, 16 Dec 2009 15:03:05 +0000</pubDate>
		<dc:creator>jervert</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[Maquetación web]]></category>
		<category><![CDATA[Navegadores web]]></category>
		<category><![CDATA[Propiedad bottom]]></category>
		<category><![CDATA[Propiedad overflow]]></category>
		<category><![CDATA[Propiedades CSS]]></category>

		<guid isPermaLink="false">http://blog.outbook.es/?p=482</guid>
		<description><![CDATA[Hay un caso en el que la propiedad bottom no es interpretada correctamente en Internet Explorer 6: cuando el elemento con position:relative tiene un overflow:hidden y debajo está el elemento con position:absolute. Ejemplo de HTML: &#60;div id=&#34;superior&#34;&#62; &#60;div id=&#34;inferior&#34;&#62;&#60;/div&#62; &#60;/div&#62; Y ejemplo de CSS: #superior {height:10em; overflow:hidden; position:relative;} #inferior {bottom:0; left:0; position:absolute;} En lugar de [...]]]></description>
		<wfw:commentRss>http://blog.outbook.es/desarrollo-web/internet-explorer-6-y-la-propiedad-bottom-en-css/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS: Utilización de tipografías incrustadas mediante @font-face</title>
		<link>http://blog.outbook.es/desarrollo-web/css-utilizacion-de-tipografias-incrustadas-mediante-font-face</link>
		<comments>http://blog.outbook.es/desarrollo-web/css-utilizacion-de-tipografias-incrustadas-mediante-font-face#comments</comments>
		<pubDate>Fri, 11 Dec 2009 21:54:32 +0000</pubDate>
		<dc:creator>jervert</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[font-face]]></category>
		<category><![CDATA[Tipografías]]></category>

		<guid isPermaLink="false">http://blog.outbook.es/?p=468</guid>
		<description><![CDATA[Lo primero de todo es advertir que ésta técnica no valida en CSS 2.1, aunque si lo hace en CSS 3. La llamada desde la CSS a una tipografía ayuda a eludir la necesidad de utilizar imágenes con texto (o Flash) en aquellos casos en los que se quiere utilizar una tipografía que no es [...]]]></description>
		<wfw:commentRss>http://blog.outbook.es/desarrollo-web/css-utilizacion-de-tipografias-incrustadas-mediante-font-face/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>CSS hacks: filter by selectors</title>
		<link>http://blog.outbook.es/desarrollo-web/css-hacks-filter-by-selectors</link>
		<comments>http://blog.outbook.es/desarrollo-web/css-hacks-filter-by-selectors#comments</comments>
		<pubDate>Wed, 02 Dec 2009 13:38:43 +0000</pubDate>
		<dc:creator>jervert</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Selectores CSS]]></category>

		<guid isPermaLink="false">http://localhost/cms/wordpress/?p=422</guid>
		<description><![CDATA[All selectors provided here are valid for CSS 2.1 unless otherwise stated. Internet Explorer 6, Internet Explorer 7 (Non standard mode), Internet Explorer 8 (Non standard mode): * html {} Internet Explorer 7, Internet Explorer 8 (IE7 standard mode): *:first-child+html {} * + html/*/ * /**/ body {} Internet Explorer 8 (Ids are examples): #ie_80 [...]]]></description>
		<wfw:commentRss>http://blog.outbook.es/desarrollo-web/css-hacks-filter-by-selectors/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Accesibilidad: Cuidado con los colores en textos e imágenes de fondo</title>
		<link>http://blog.outbook.es/desarrollo-web/accesibilidad-cuidado-con-los-colores-en-textos-e-imagenes-de-fondo</link>
		<comments>http://blog.outbook.es/desarrollo-web/accesibilidad-cuidado-con-los-colores-en-textos-e-imagenes-de-fondo#comments</comments>
		<pubDate>Tue, 20 Oct 2009 11:09:00 +0000</pubDate>
		<dc:creator>jervert</dc:creator>
				<category><![CDATA[Accesibilidad]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Desarrollo web]]></category>

		<guid isPermaLink="false">http://localhost/cms/wordpress/?p=371</guid>
		<description><![CDATA[Un problema que se presenta en algunas ocasiones y que suele olvidarse bastante es la utilización de imágenes de fondo CSS en áreas de texto, y cuando se desactivan las imágenes no se ve el texto. Hoy he visto un ejemplo en la web de Vodafone. En las páginas de productos tienen un enlace con [...]]]></description>
		<wfw:commentRss>http://blog.outbook.es/desarrollo-web/accesibilidad-cuidado-con-los-colores-en-textos-e-imagenes-de-fondo/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS: problema de doble margen en IE6</title>
		<link>http://blog.outbook.es/desarrollo-web/css-problema-de-doble-margen-en-ie6</link>
		<comments>http://blog.outbook.es/desarrollo-web/css-problema-de-doble-margen-en-ie6#comments</comments>
		<pubDate>Thu, 02 Apr 2009 10:43:00 +0000</pubDate>
		<dc:creator>jervert</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[Internet Explorer 6]]></category>
		<category><![CDATA[Maquetación web]]></category>

		<guid isPermaLink="false">http://localhost/cms/wordpress/?p=354</guid>
		<description><![CDATA[Cuando un elemento está flotado dentro de un contenedor y tiene definido un margen, nos podemos encontrar con la desagradable sorpresa de ver como Internet Explorer 6 duplica dicho margen. Supongamos que tenemos esta regla CSS: div.capa p.parrafo {float:left; margin-left:10px;} Internet Explorer 6 sacará un margen de 20px. Se puede solucionar con un hack CSS, [...]]]></description>
		<wfw:commentRss>http://blog.outbook.es/desarrollo-web/css-problema-de-doble-margen-en-ie6/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

