Hola amigos de CCTW....me siento sinceramente un tonto...y disculpen que los moleste con uno y otro y otro tema...les he pedido ayuda para varias cosas...bueno...el problema que tengo ahora...es que al modificar algunos detalles de la parte de la barra de navegacion...esta me descontroló el menú...y veran...mi pagina que subi..es simplemente el ejemplo. claro que no exactamente...los textos son distintos, las imagenes tambien...pero lo demas es compia fiel...y bueno si desean saber como es el problema les dejo mi enlace de la pagina
http://kapiscopi.scienceontheweb.net/plantilla.htmly les mando lo ke tnego en mi plantilla y en mi archivo "estilo-general.css"
se los agradeceria un monton...mas de lo que estoy con ustedes por el curso paso a paso...son fantasticos...
ahh y otros detallitos pero que despues...de solucionar este se los planteare...es que prefiero preguntar de una en una...para no enredarme xD
muchas gracias
esto es lo ke tengo en la plantilla
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head><link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<title>Dulces sueños</title>
</head>
<body>
<div id= "global">
<div id="curva-superior">[contenido no disponible]</div>
<div id="logotipo">[contenido no disponible]</div>
<div id= "cabecera">Bienvenidos a Kapiscopi</div>
<div id="publicidad"></div>
<div id="navegacion">esta es mi barra de navegación
</div>
<div id= "contenido">
<div id= "menu">
<div id="menu-curva-superior">[contenido no disponible]</div>
<ul>
Enlace 1Enlace 2Enlace 3Enlace 4
<div id="menu-curva-inferior">[contenido no disponible]</div>
</div>
Caricias que combaten mi razon, es tu altitud la que nerva mis sentidos y es por eso que el destino
no me alcanza la ilusión, cuanto mas debo de esperar..para sentir tu extraño amanecer entonecs pudieraalgo tocar dentro de las laminas
que poseen mi alquiler, entonces me acerco atus manos , perdido entre tanta dulzura, que invadida en la paz
que invadido en mi interior...traspasas barreras inpensables, dedicandome al termino de tanta ironia, y el comienzo del suspiera
en tus mañanas...caes como gota de rocio matutino...esperanza enmudecida para regalo...envuelta en el arroyo de tus labios, aguas tiernas
que humectan mis cariños, entonces...dame algo que no sea tan objetivo, es tu alma lo que me ampara
es la luz de tus ojos de armiño...son cada beso que me dabas...no permitas al silencio enmudecerme
apagarme como fuego en invierno seco, primaveras son los sueños que te tengo, y tu estas vesida en sabanas de sedas</p>
Como solo pocas personas pueden ver esta pagina por el momento...(por que solo esas personas conocen en enlace...)les dedico aqui estas cosas
jiji...Para ti princesita bella...y para ti hermanita...^^...nos estamos viendo....alguien te mira...</p>
jajaja</p>
</div>
<div id= "pie">pie de página</div>
<div id="curva-inferior">[contenido no disponible]</div>
</div>
</body>
</html>
y esto es lo ke tengo en mi archivo "estilo-general.css"
body{background-image:url(objetos/fondo.jpg); text-align: center;border: 1px solid black ;}
#cabecera {background-color: white;border-top: black 1px solid; border-bottom: black 1px solid;border-left: black 1px solid;border-right: black 1px solid}
#navegacion {background-color: yellow;border-top: black 1px solid; border-bottom: black 1px solid;border-left: black 1px solid;border-right: black 1px solid; float:left }
#contenido {border-top: black 1px solid; border-bottom: black 1px solid;border-left: black 1px solid;border-right: black 1px solid; border-left: black 1px solid; width:right}
#pie {background-color: white;color:black}
#global {width:800px; margin: 4px auto}
#menu {float: left; background-image:url (objetos/logo.png) ;width:150px; margin-right: 10px;margin:3px 10px 3px 3px;border-top: black 1px solid; border-bottom: black 1px solid;border-left: black 1px solid;border-right: black 1px solid;margin-right: 10px }
#menu li{list-style:none;text-align: left;margin: 10px 20px 5px 15px}
a {color: black; font-size:1.3em ; text-decoration: none;display: block }
a:hover {color:black ; text-decoration:underline ; background-color: white}
p {text-align: center}
#contenido p{padding:5px 10px 5px 10px; text-indent: 20px }
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px
overflow: hidden }
#logotipo {background-color: none ; width:280px; float:left; border:10 px}
#publicidad {background-color: black ; width:600px; float:right; margin-top:10px;border-top: black 1px solid; border-bottom: black 1px solid;border-left: black 1px solid;border-right: black 1px solid}
#navegacion{float:left ; list-style:none; margin: 0px 20px 0px 20px }
#navegacion li {float:center ; list-style:none ; margin: 0px 10px 0px 10px }
#navegacion ul { margin-left: 50px }
#menu-curva-inferior {background-image: url(objetos/menu-curva-inferior.gif) ; background-repeat: no-repeat }
#menu-curva-superior {background-image: url(objetos/menu-curva-superior.gif) ; background-repeat: no-repeat }
por favor..los errores y los detalles, si es posible corrijanmelo...es que aun me siento perdido...
aqui el fallo
<div id="logotipo">[contenido no disponible]</div>
<div id= "cabecera">Bienvenidos a Kapiscopi</div>
<div id="publicidad"></div>
deberias tenerlo asi
<div id= "cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a Kapiscopi</div>
</div>
aqui
#cabecera {background-color: white;border-top: black 1px solid; border-bottom: black 1px solid;border-left: black 1px solid;border-right: black 1px solid}
te falta la altura
que debe ser + o = que la imagen
checalo