84.758 lecturas 10 comentarios

Centrar un Div en Pantalla

Una vez me dio problemas una Web donde necesitaba precisamente esto.

Si necesitáis poner totalmente centrada una capa en el navegador, aquí tenéis el código. Eso si, debe ser una capa de tamaño fijo…

div {
position: absolute;
top: 50%; /* Buscamos el centro horizontal (relativo) del navegador */
left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
width: 600 px; /* Definimos el ancho del objeto a centrar */
height: 400px; /* Definimos el alto del objeto a centrar */
margin-top: -200px; /* Restamos la mitad de la altura del objeto con un margin-top */
margin-left: -300px; /* Restamos la mitad de la anchura del objeto con un margin-left */
}

¡Podéis ver el artículo completo en la Web Ateneupopular.com (Tenéis enlace en la columna derecha también) si necesitáis más detalles!

Tutorial completo Ver Contenido

3.799 lecturas 0 comentarios

Rico: Ajax y JS más fácil

A mi gusto es uno de los componentes más funcionales para agregar efectos javascript y ajax en tu Web.

Admite funciones como:
· Arrastrar y soltar elementos.
· Soporte fácil de Ajax.
· Efectos de animación.
· Despliegues de capa a lo «Flex».
· Animaciones de capa.

Para hacerlo funcionar debéis usar también Prototype. En el archivo adjunto encontraréis los dos archivos JS listos para implementar en vuestra Web actualizados a día 18/1/08.

¡Pásate al mundo de las Webs 2.0!

Web: Ver Contenido
Demos: Ver Contenido

– Archivo Adjunto: rico.rar