Archive for the ‘Navegadores’ Category

Como mostrar un icono para las imagenes rotas en Firefox

Share/Save

Lo primero que tienes que hacer es asegurarte de que la variable browser.display.show_image_placeholders está marcada como true en tu fichero config. Para comprobarlo escribe about:config en la barra de direcciones del navegador, aprieta enter, y luego has una busqueda con el nombre de la variable. Un doble click cambia el valor de la variable.

Si aun no puedes ver el iconon a pesar de que browser.display.show_image_placeholders esta marcada como true entonces necesitas seguir los siguientes pasos:

  • Ve a la carpeta de perfiles de Firefox.
  • Entra en la carpeta de usuario que veras ahi.
  • Entra en la carpeta chrome.
  • Has una copia del fichero userContent-example.css y guardalo como userContent.css
  • Abre un editor de texto y pega el siguiente código:
    /*
     * Mostrar icono para images rotas
     */
    @-moz-document url-prefix(http), url-prefix(file) {
      img:-moz-broken{
        -moz-force-broken-image-icon:1;
        width:24px;
        height:24px;
      }
    }
    
  • Guarda los cambios y reinicia Firefox

En Mac Os X la ruta para el fichero css sería algo como esto:
/Users//Library/Application\ Support/Firefox/Profiles/ /chrome/userContent-example.css

Espero que esto haya resuelto tu problema.

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…)