Documento sin título }

Los v√≠nculos anteriores muestran una estructura de navegaci√≥n b√°sica que emplea una lista no ordenada con estilo de CSS. Util√≠cela como punto de partida y modifique las propiedades para lograr el aspecto deseado. Si necesita men√ļs desplegables, cr√©elos empleando un men√ļ de Spry, un widget de men√ļ de Adobe Exchange u otras soluciones de javascript o CSS.

Si desea que la navegaci√≥n se sit√ļe a lo largo de la parte superior, simplemente mueva ul.nav a la parte superior de la p√°gina y vuelva a crear el estilo.

Instrucciones

Tenga en cuenta que la CSS para estos dise√Īos cuenta con numerosos comentarios. Si realiza la mayor parte de su trabajo en la vista Dise√Īo, eche un vistazo al c√≥digo para obtener sugerencias sobre c√≥mo trabajar con la CSS para dise√Īos fijos. Puede quitar estos comentarios antes de lanzar el sitio. Para obtener m√°s informaci√≥n sobre las t√©cnicas usadas en estos dise√Īos CSS, lea este art√≠culo en el Centro de desarrolladores de Adobe: http://www.adobe.com/go/adc_css_layouts.

Método de borrado

Dado que todas las columnas son flotantes, este dise√Īo usa una declaraci√≥n clear:both en la regla .footer. Esta t√©cnica de borrado fuerza a .container a conocer d√≥nde terminan las columnas con el fin de mostrar cualquier borde o color de fondo que coloque en .container. Si su dise√Īo exige la eliminaci√≥n de .footer de .container, deber√° usar un m√©todo de borrado diferente. El m√°s fiable consiste en a√Īadir una <br class="clearfloat" /> o <div class="clearfloat"></div> tras la √ļltima columna flotante (pero antes de que se cierre .container). Esto proporcionar√° el mismo efecto de borrado.

Sustitución de logotipo

Se ha utilizado un marcador de posici√≥n de imagen en el .header de este dise√Īo, en el que lo m√°s probable es que desee colocar un logotipo. Se recomienda quitar el marcador de posici√≥n y reemplazarlo por su propio logotipo vinculado.

Tenga en cuenta que si utiliza el inspector de propiedades para navegar hasta la imagen de su logotipo empleando el campo Origen (en lugar de quitar y reemplazar el marcador de posición), deberá quitar el fondo en línea y mostrar las propiedades. Estos estilos en línea sólo se utilizan para hacer que el marcador de posición del logotipo aparezca en los navegadores para fines de demostración.

Para quitar los estilos en l√≠nea, aseg√ļrese de que el panel Estilos CSS est√° configurado como Actual. Seleccione la imagen y, en la secci√≥n Propiedades del panel Estilos CSS, haga clic con el bot√≥n derecho del rat√≥n y elimine las propiedades de visualizaci√≥n y de fondo. (Por supuesto que siempre podr√° ir directamente al c√≥digo y eliminar all√≠ los estilos en l√≠nea de la imagen o el marcador de posici√≥n.)

Fondos

Por naturaleza, el color de fondo de cualquier div sólo se muestra a lo largo del contenido. Esto significa que si está usando un color de fondo o un borde para crear el aspecto de una columna lateral, éste no se extenderá hasta el pie de página, sino que se detendrá donde termine el contenido. Si la div de .content siempre va a incluir más contenido, puede colocar un borde en la div de .content para separarla de la columna.