barras y solapas

como se colocan las solapas en la barra de navegacion? como por ej. las q tiene CCTW

te refiers alas columnas de los costados o a q ?

a esto :

[contenido no disponible]

Eso son imágenes de fondo del div :wink:

aqui un ejemplo de como se puede hacer

en general
en la hoja de estilos hice un grupo de "a" para navegacion
y ahi le puse las imagenes de fondo

http://unpocodemucho.atwebpages.com/plantilla2.html

saludos

ah...
igual no entendi como lo hiciste :P
lo q "entendi" es q en #navegation li del css agregaste background image el cosito de la partesuperior de lmenu..lo probe pero qeda como cortado a la derecha,nose q onda..bueh voy a seguir probando

jeje
te queda cortado, porque el ancho de las li
es menor al ancho de la imagen

en este caso
o haces mas amplio el li
o haces mas chica la imagen

saludos

Hola. Yo también intento poner pestañas en mi web (todavía en construcción) y necesito que expliques paso a paso lo que se necesita para hacer una página con pestañas; no quiero una plantilla, si no más bien una especie de breve tutorial de cómo hacerlo
Nota 0: Sé usar más o menos bien el lenguaje html, pero no se de java ni similares
Nota 1: Si me vas a recomendar un programa busca si es compatible también con linux ubuntu (instalador .deb) Actualmente uso kompozer (también lo hay para windows si lo quieres probar, aunque la única pega es que está en inglés)
Nota 2: ¿todo el contenido web de CCTW es libre uso o hay que hacer referencia y copiarlo igual? (para el administrador)

hola

hasta donde sè, el curso de cctw, es gratuito y libre de uso
peeero para que lo uses

creo que lo que no se vale, es copiar el curso, y crear una web de como crear webs jejeje
diciendo que creaste ese curso, me explico??????

respecto al tutorial que pides.... no lo necesitas
es algo muuy sencillo de hacer

este es el trozo html de navegacion

<div id="navegacion">

<ul>

Seccion 1

Seccion 2

Seccion 3

</div>

y este el css que necesita

en rojo y azul es donde puse las imagenes

#navegacion {background-color: gray ; border: black 1px solid ; height:20px }
#navegacion li {float:left ; list-style:none ; margin: 0px 5px 0px 0px; }
#navegacion ul { margin-left: 100px }

#navegacion a { background-image:url(objetos/menu-curva-superior.gif); padding:1px 46px 0px 46px}
#navegacion a:link {}
#navegacion a:visited {}
#navegacion a:hover { background-image:url(objetos/menu-parte-inferior.gif); background-position: bottom }
#navegacion a:active {}