lightbox

Hoy toca un poco de post técnico, así que para aquellos que no sepáis muy bien de que va esto de LightBox os diré que se trata de un popular script que permite mostrar imágenes desde nuestra pagina web de una forma elegante y cuidada, todo con el uso de JavaScript y algo de CSS.

Desde la web de LightBox 2 podéis ver un ejemplo de cómo funciona y bajaros los ficheros necesarios para aplicarlo a vuestras paginas web, pero existen un montón de alternativas a este magnífico script, que en varias de ellas mejoran aspectos del original o lo cambian por otras características distintas y que quizás se adapten más a tus necesidades. Es por esto que recomiendo encarecidamente si os interesa el tema que visitéis el post «Colección de clones de Lightbox para todo» del gran Andrés Nieto, dónde se nos muestra un montón de alternativas que de bien seguro gustarán a más de un@.

Para los que usamos HTML a menudo y queremos hacer las cosas bien según marca la W3C, sabemos que no siempre las cosas son tan fáciles como pueden parecer, y algo tan simple como centrar una caja, recuadro o contenido en medio del navegador puede parecer fácil, sin embargo si se quiere hacer mediante un DIV no es tan sencillo como parece.

En muchas ocasiones he estado tentado de usar el viejo método de poner una tabla que ocupe 100% de alto y 100% de ancho y poner el contenido de la celda todo a «center» (align y valign), pero pese a que a veces cueste… hay que hacer las cosas bien y usar un DIV para poder centrarlo mediante un par de técnicas que he encontrado en un genial artículo de la web ProgramacionWeb.net, dónde se explica de forma muy fácil y sencilla como centrar contenido mediante un DIV y CSS.

A continuación os dejo una adaptación mía del artículo antes mencionado, dónde he extraído la parte puramente técnica para hacer lo que nos interesa, centrar un DIV.

» Lee el resto de esta entrada →

Hoy estaba haciendo un poco de I+D para una web que estoy desarrollando y he encontrado un par de enlaces muy interesantes, a la vez que explicativos y prácticos por si alguna vez tenéis que hacer una web en XHTML, CSS y usar 3 columnas para la presentación. Lo típico de menú a la izquierda, contenido en el centro y otra columna a la derecha para banners o más opciones.

Puesto que soy de la vieja escuela del HTML (de los que ponía todo en tablas cuando sólo existía Internet Explorer 3.0), la verdad es que me está costando lo suyo adaptarme a maquetar las webs todo con div’s y separar totalmente el contenido de la presentación (CSS), pero gracias a ejemplos y explicaciones como estos a uno le ponen las cosas más fáciles.

Actualización:
Gracias a los comentarios de atroz y albir os dejo un par de enlaces más relacionados con CSS y XHTML que pueden ser útiles:

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies