Monday, January 4, 2010

Pseudo-clases en Internet Explorer

Las pseudo-clases y pseudo-elementos son usados para crear efectos que no son accesibles por otros métodos. Como crear un efecto al pasar el cursor sobre un elemento (:hover) o cambiar la primera letra de un párrafo (:first-letter).

En esta entrada puse un ejemplo de una tabla estilizada con CSS por medio de pseudo-clases. Y como mencioné en Internet Explorer no funcionan los pseudo-clases.

Internet Explorer 6 solo soporta :hover y :active y sólo funcionan en los vínculos. Deja deshabilitadas muchas pseudo-clases y pseudo-elementos importantes:

[attr], [attr="value"], [attr~="value"] etc
:hover, :active, :focus (para todos los elementos)
:first-child, :last-child, only-child, nth-child, nth-last-child
:checked, :disabled, :enabled
:empty, :contains(), :not()
:before/:after/content:
:lang()

Para reparar esto podemos usar el script IE7. El proyecto se encuentra alojado en google code por lo que podemos ponerlo directamente en el html sin descargar nada, sólo colocamos el siguiente código dentro de <head>

<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>
<![endif]-->

[Leer más…]

Sunday, January 3, 2010

Tango smilies

Estos smilies formaron parte del proyecto tango, estaban en una versión anterior, los nuevos para mi gusto están muy feos.
Los iconos son de tamaño 16×16 que son los que más cuesta conseguir y son perfectos para usarlos en blogs, son los que uso ahora mismo.
Por eso aquí los dejo para quienes también le gusten estos iconos. He colaborado un poco agregando los iconos :P :$ :| y el tan aclamado xD .

tango-smilies-small.png

descargar.gif

Friday, December 25, 2009

Alternar color de filas con CSS

Cuando la tabla es muy alta y ancha terminaremos perdiendo la fila en la que estábamos ubicados. Entonces para evitar esto se nos ocurre una cosa: alternar el color de las filas. Para lograrlo el método más recurrido es JavaScript y/o PHP. Y la mayoría nos olvidamos del método más sencillo: CSS.
[Leer más…]

Thursday, August 13, 2009

Estándares web y navegadores

Antes de todo, tu tienes que saber que para acceder a la WWW se necesita de un Agente de Usuario (User Agent). Agentes de usuario son aquellas aplicaciones que acceden a la World Wide Web. Ejemplos de agentes de usuario son los navegadores, los buscadores, los lectores de pantallas, entre otros. Siendo los navegadores los más usados para esta tarea.

¿Que es un navegador?

Un navegador, navegador red o navegador web (del inglés, web browser) es un programa que permite visualizar la información que contiene una página web.1

Para poder visualizar correctamente la pagina web, la pagina debe de hacer uso de los estándares y el navegador interpretarlos como es debido.
[Leer más…]

Last 4 comments


This blog is powered by FlatPress.