Es muy difundido hoy en día el CSS dentro del diseño de sitios web, y existe una gran exigencia por parte del usuario para que se puedan ver bien sus sitios en las más diferentes plataformas y los ya innúmeros browsers. Un importante medio que no es muy utilizado, y que sin embargo es muy fácil de ser aplicado para un resultado óptimo, es el de crear una hoja de estilos exclusivamente para que la página, y los ítems que desees sean impresos de la mejor forma posible, permitiendo al usuario ahorrar tinta y mejorar la visualización del contenido. Para esto, es necesaria una hoja de estilos nueva y el llamado respectivo entre : <link rel="stylesheet" type="text/css" media="print" href="print.css" />

#2- 14 Noviembre 2005  

Usaremos un HTML lo más simple posible, para sí no tener conflictos de browsers (es bueno evitarlo desde el principio). Nótese que usé en vez de . Para browsers modernos esto es innecesario, pero se incluye precisamente para compatibilidad con browsers antiguos (nuevamente, para evitar conflictos). Además, se verá de todas formas en todos los browsers y no incomodará el CSS.

Aquí mostraré una manera de centrar un objeto (en este caso un imagen, aunque puede ser un div) en el centro del navegador utilizando CSS. Insertando una imagen : Inserte una imagen y agréguele un ID (en este caso, “centro”)

#1 – 3 Noviembre 2005  

En el trabajo de desarrollo en HTML + CSS, surgen varios problemas cuando se pretende que los sitios se desplieguen bien en diversos browsers y plataformas. Más aún cuando se trata de sitios grandes, portales, como los que me ha tocado construir o arreglar últimamente. Pero para paliar esto, nos aprovechamos de los mismos errores de los programadores en el rendereo del CSS en algunos browsers, como Internet Explorer (IE) por ejemplo, para solucionar precisamente esto. Por ejemplo, si una columna por X motivo de ve más ancha en IE que en Firefox y esto afecta a otros floats cercanos, esto se corrige en el CSS:

Como primer artículo, mostraré cómo construir un layout con 3 columnas tableless, o sea, sin tablas, sólo con CSS. Se construyen 3 ‘columnas’ con ‘div’ en HTML bruto: <div id="todo"> <h1>Layout con 3 Columnas</h1><br / <div id="izquierda">Izquierda</div><br / <div id="derecha">Derecha</div><br / <div id="contenido"> <p>Contenido</p> </div><br / </div>

Bienvenidos a CSS Lab, la intensión de este sitio es hablar un poco sobre la XHTML, web standarts, las ventajas de CSS y cómo migrar hacia un diseño y desarrollo web óptimo y accesible. Nuestra misión es crear sitios que puedan ser vistos por todos. Si llegaste aquí, es porque ya sabes lo que es CSS y tienes una noción a respecto. No enseñaré lo que hace cada comando y parámetro, sólo cómo usarlos.