Archive for the ‘CSS’ Category

Ocultar Texto del Boton Submit con CSS

Share/Save

Aquí está la solución para deshacerte del texto de los botones submit mediante CSS, y no solo eso, también vamos a reemplazar el botón con una imagen.

No te vas a creer el parche que he tenido que usar para hacerlo funcionar en IE6… en serio, ¿cuándo demonios va a morir este navegador? Otra pesadilla de mañana gracias a él.

(más…)

4095 CSS selectors

Share/Save

Puede que no lo sepas pero toda la familia de navegadores IE tienen un límite en la cantidad de selectores CSS que se pueden tragar, y cuando digo toda quiero decir IE6, IE7, and IE8.

Si, has leído bien, el nuevo y “fabuloso” IE8 aun está arrastrando esta limitación.

Para abreviar el cuento, IE para de leer selectores pasado el número 4095 ignorando el resto de tu código CSS, sin embargo esta limitación no aparece en otros navegadores.

Tú puedes pensar que esto es un número bastante grande (yo lo hice) pero te sorprenderas en ver con que facilidad el número de selectores se incremente cuando trabajas con un CMS y una website grandita.

Google error CSS

Share/Save

El mundo de CSS no es fácil e incluso Google comete sus errores.

Esta captura de pantalla fue tomada hoy (20/03/2009) ¿No te parece que esos botones está demasiado cerca a la entrada de texto?

google_css_error

Nadie es perfecto :D

Quitar el border azul de los inputs en Safari

Share/Save

Es bastante fácil quitar ese border azul que aparece cuando pones el foco en un elemento de formulario en Safari, un simple outline: none en tu código CSS es todo lo que necesitas.

Mira los siguientes ejemplos y capturas de pantallas para saber como funciona:
(más…)

Firefox, hover-flow hidden, y flash

Share/Save

Así que has notado que Firefox no funciona muy bien con el “overflow: hidden” y Flash. Lo sé, tal vez tienes un slideshow espectacular que funciona perfectamente con imagenes y con otros elementos pero en cuanto tratas de añadir algunos videos la cosa se tuerce del revés :( . Pues no desesperes, la solución es fácil. (más…)

Firefox y sus puntos rodeando enlaces

Share/Save

firefox-puntosMe han estado volviendo loco esos puntos alrededor de los enlaces en las páginas web. Te pasas horas desarrollando un diseño pra una web y luego ves esos feos puntos cruzando toda tú página web.

(más…)