Menú en Pestañas

Hola, soy nuevo aquí, y debo decir que la página de CCTW y este foro me enseñaron un montón de cosas y realmente me son de mucha utilidad.

Abro este tema, para ver si se puede explicar aquí, paso a paso, la realización de un menú horizontal con pestañas, tanto para plantillas hechas con tablas como con capas.

Desde ya muchas gracias, y espero que esto le sirva a muchas personas.

Saludos Facundote y bienvenido al Foro!

Bueno, es algo laaargo de explicar, aunque no muy complicado. Quizás lo explique un dia en las lecciones... bueno, seguro!

Se trata de crear tantas lenguetas como secciones quieras poner en tu web. Divides su numero entre dos y así ya sabes cuantas colocar en la fila de arriba y en la de abajo. Si dejas un hueco más mejor, pues con el tiempo seguro que te falta un hueco más para una nueva seccion, jej ej

Ahora calcula lo que mide el ancho total de la página y dividelo entre las secciones que tienes. Si el ancho es 800px y tienes 8 secciones por fila ya sabes que cada una tendrá unos 100px.

Pinta una lengueta de ese ancho con el color que quieras que tenga cuando no está activa y dibuja otra similar para el estado activo (coloreada, por ejemplo).

Ahora con estilos, si por ejemplo has colocado cada lengueta en un LI, (elemento de lista) solo tienes que ponerle de imagen de fondo (background-image....) el archivo inactivo de lengueta a todas las secciones. Eso lo puedes hacer en la hoja de estilos.

Ahora en la página principal de cada seccion le defines en la cabecera el estilo a la lengueta a la que pertenece esa página pero con la imagen activa, y así sobreescribe la imagen activa sobre la inactiva y tendrás lo que esperas, una lengueta diferente para esa seccion.

Esto es explicado así muy rápido, je je. Pero no se tu nivel de conocimientos, asi que lo dejamos aqui por el momento. Si te empeñas en seguir con esto dime tus dudas y seguimos. No te preocupes por preguntar (el resto de vosotros igual!) pues con esto tendré una base para posteriores lecciones, oki?

Un saludo!