Mayo 29th, 2008

Posicionamiento de imágenes por CSS (background)

background posicionamiento

Todo se resume en esto, los dos primeros parámetros numericos que pongas, uno será el desplazamiento horizontal y otro el vertical, no es una propiedad muy común y muchos no la conocen porque el dreamweaver no la desliza (son medidas y es lógico). Pero ayuda bastante a poner índices en nuestras <ul> o <dl> por ejemplo.

Abril 8th, 2008

Unos cuantos hacks css

Estoy totalmente en contra de los hacks css, siempre hay otro camino para conseguir el diseño que queramos (Por favor, no uses nunca tablas. ¡ese no es el camino!). Pero cuando no queda otro camino hay que usarlos, aquí dejo una lista de ellos.

  • _left barra delante de la propiedad ejemplo:( .menu{ left:40em;_left:30em;}). La barra solo actua en IE6.
  • .left punto delante de la propiedad ejemplo:( .menu{ left:40em;.left:30em;}). El punto actua tanto en IE6 e IE7.
  • .menu, x:-moz-any-link {left:40em}. Estilo solo para mozilla firefox 1.0 o superior.
  • @media screen and (-webkit-min-device-pixel-ratio:0) {.menu{ left:40em;.left:30em;}}. Solo para Safari y Opera

Intenta evitarlos, normalmente un hack lleva a otros problemas de proporciones. Pero si vez que no queda otro remedio…

Enero 18th, 2008

Csszengarden, la exploción del diseño sin tablas

Cssgarden

En esta web podemos encontrar multitud de diseños y esquemas para profundizar en CSS2. Como programar una web al completo sin usar ni una sola tabla, evitando los continuos problemas que generan, creando rapidez de carga del site e incluso posicionando mejor nuestras web.

Es bastante completa, una de las cosas destacadas que se realiza con estos diseños, es la posibilidad de añadir los textos que queramos mediante imagenes, pero haciendo que los buscadores los indexen de manera que los vean como texto, de modo que estéticamente quede bien al usuario y permitiendonos usar las fuentes que queramos. Se la recomiendo a todo aquél que quiera profundizar el tema..

Link | CssZenGarden