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 →

A menudo, cuando diseñas algo en html y precisas de un menú desplegable, siempre te acuerdas de haber visto alguno en alguna web que te gustaría reproducir, pero o bien no te acuerdas dónde lo viste o bien si te acuerdas, reproducir aquello ves que va a ser trabajo de chinos.

Así que siempre viene bien tener a mano un buen framework css que permita crear todo tipo de menús desplegables con muchas opciones de personalización y de una forma sencilla y rápida.

Así que aquí os dejo el enlace a este estupendo recurso, el CSS Drop-Down Menu Framework, con él podrás realizar un menú desplegable únicamente con CSS y que funcione en todos los navegadores.

Viene cargado por defecto con unos cuantos estilos para tus menús pero crear un estilo nuevo es bastante sencillo y funcionará bien en cualquier navegador, a excepción de Internet Explorer 6, que para que funcione tendrás que cargar un fichero JavaScript que viene incluído en el pack.

Visto en | webmasterlibre

A día de hoy la mayoría de gente que se mueve por internet sabe bien que el HTML es el lenguaje de programación marcado que se usa para generar lo que todos conocemos por páginas web.

Así que a muchos no les extrañará oír que el HTML actual (versión 4) dentro de un tiempo va a evolucionar a su versión 5 para aportarnos muchas mejoras, y con ello va a  traernos algunos cambios importantes que todos los que nos dedicamos a esto deberíamos conocer.

Así que aquí os dejo un par de imagenes que reflejan muy a “grosso modo” algunos de los principales cambios del HTML 4 al 5.

HTML 4

HTML 5

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.

• Componer un diseño de 3 columnas en XHTML y CSS
• Maquetación CSS a tres columnas

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:

• http://css-discuss.incutio.com/
• http://www.w3schools.com/