CSS

Formularios basados en retículas CSS

Esta técnica describe cómo montar formularios básándose en una retícula usando CSS en lugar de tablas. No es la técnica definitiva pero, por ahora, es la mejor conclusión a la que he llegado. La

Scroll con hojas de estilo CSS

En esta oportunidad les enseñaré la propiedad Overflow de CSS capaz de generar un scroll cuando el contenido dentro de un elemento excede las propiedades de su ancho y su alto. Podemos usar la

Transparencias y bordes a imágenes

Veremos dos útiles trucos para hacer más vistozas las imágenes que contengan enlaces. El primero, agrega un borde a la imagen cuando pasamos el puntero por encima, y el segundo, lo muestra con transparencia

Obtener sombras con CSS

Sencilla porque se utiliza lo básico de CSS. La idea es tener cinco DIVs anidados. 3 de ellos tendrá un tono de gris. Luego se los distribuirá para formar la sombra.  Por lo tanto

Problemas del Modelo de Caja en IE 5

Para todos los que diseñamos para la web existe un momento clave. Es el momento en que decidimos abandonar las tablas como estrategia de posicionamiento de los elementos de la página y buscar los

Menus simples con CSS y listas

Existiendo en internet una infinidad de estos ejemplos, me animé a hacer otro más, ¿por qué? pues para explicar un poco que ventajas tienen estos menús con respecto a otros que se hacen con

Crear página centrada sin usar tablas

La actual dirección del desarrollo web, es dejar de usar las tablas para crear la estructura de la página. Las tablas son tediosas, “difíciles” de usar, es complicado dejar cada cosa en su lugar,

Modelo de cajas

La utilización del estándar de marcado CSS (en español Hojas de Estilo en Cascada) definido por el World Wide Web Consortium (W3C) permite a diseñadores y programadores definir estilos coherentes para páginas web y

Menú rollover

¿Para qué utilizar javascript cuando la solución está en CSS? El siguiente estilo nos permite crear un menú similar a los de javascript, en donde representamos su estado de reposo (out) con un color

Capas visibles e invisibles

Como primera instancia hay que definir las propiedades de la capa. En ella también podremos poner información, imágenes, links, etc. #pantalla {position: absolute; width: 50%; height: 50%; background:url(imagen.gif) no-repeat fixed center; border: 1px solid}