Debido al pedido del público fiel lector de CSSLab, me puse las pilas y anoto un artículo más con una vieja pero nunca mal ponderada técnica para construir menús de listas horizontal (usando y ), pero en esta oportunidad le agregaremos un rollover, ya q he recibido la inquietud de parte de Bane de cómo aplicar el artículo anterior ‘Rápidos rollovers con CSS‘ en este tipo de despliegue. Vayamos al grano: Lo primero es lo primero: creamos el menú con 1 , 1 y varios ‘s: <div id="menu"> <ul> <li><a href="#">Más Izquierda</a></li> <li><a href="#">Izquierda</a></li> <li><a href="#">Derecha</a></li> <li><a href="#">Más derecha</a></li> </ul> </div> Le vamos a dar color y forma a esto. Agregando estilo a #menu:

Lo ví y me gustó #7 – 16 Febrero 2006

Lo ví y me gustó #6 – 13 Enero 2006

La corriente actual nos dice: «no uses tablas al diagramar un sitio web…» Pero si están bien utilizadas, siguen siendo de gran ayuda, ya que su compatibilidad con browsers es por años y por versiones comprobadas. En el siguiente link, se muestra la forma correcta de utilizarlas. Si quieres seguir utilizando tablas, en esta galería se muestran buenos estilos que se pueden integrar a un tabla. Atrévete y envía el tuyo.

#5 – 16 Diciembre 2005 Gracias a todos los aportes en ‘Envía tu Sitio’. El criterio que ocupo al revisar un sitio, es que primero, sea construído en CSS (aunque no completamente); que gráficamente sea atractivo, y que se vea bien en diferentes browsers y plataformas (no importa q sea o no válido por W3C).

#4 – 2 Diciembre 2005

Cuando creamos un nuevo documento HTML en nuestro editor favorito, no nos fijamos que se agregan un par de líneas de código que por ignorancia desconocemos, pero tienen gran importancia a la hora de renderizar la página y validar su estructura. En este momento, nos referiremos al DOCTYPE y los DTD.

Un buen uso al CSS en un sitio web, es teniendo múltiples hojas de estilo con diferentes apariencias; así el usuario puede escoger el que más le plazca, según su ánimo, o como sea. A esto se le puede agregar en un JavaScript que cambie según la hora (día, noche), estación (verano, invierno), etc. Las posibilidades son muchas. Vamos al grano. Primero, se necesita llamar las 2 hojas de estilo: la principal (stylesheet) y la opcional (alternate stylesheet). <link rel="stylesheet" type="text/css" href="normal.css" title="normal"><br / <link rel="alternate stylesheet" type="text/css" href="oscuro.css" title="oscuro">

Al diseñar para la web, cada uno tiene sus mañas y sus costumbres. Actualmente, el mayor uso que se le da a la hoja de estilos, es para estilizar textos, dado el temor de diseñadores en meterse en este estraño mundo de códigos desconocidos, y que se sabe, que no es simple de implementarse. Un gotoAndPlay(); es el mismo desde Flash Player 5 a 8, Win o Mac; position: relative; puede no funcionar igual en IE, Firefox, Win, Mac… un lío. Un tema recurrente e importante de mencionar, se refiere sobre las medidas usadas para referirse a la tipografía desplegada en un sitio web. Algunos usan px, otros em. Incluso pt….. A continuación, una definición de cada uno, sus pros y contras:

#3 – 22 Noviembre 2005