Hola, en primer lugar felicitarles por el curso de CCTW, de verdad es muy bueno diria yo excelente, pero claro siempre no todo es perfecto, al menos en mi caso tengo problemas para con los menus desplegables desde que baje el zip empezo mi via crusis, no resuelvo que los desplegables se visualizen, es mas al digitar <body onload="init();">, en la plantilla.html me sale un error de script aun no entiendo que puede ser, en conclusion entro a mi espacio de la web http://paulydolo.onlinewebshop.net/plantilla.html y en la parte izquierda inferior me sale el detalle del error 'desplegable2' no esta definido, la verdad es que me eh mareao, osea perdido un poco, le rogaria guiarme un poco y a que se debe ese error, por cierto me eh liado eon el tema del almacenaje de los archivos zip, les agradeceria una pronta respuesta ya que estoy muy ilusionado con el curso!!!.
tambien quiero agregar que en el curso en la 4ta leccion definir distintos tipos de enlaces en la pagina web (http://www.comocreartuweb.com/html-kit-tutorial/tutorial-html-kit-l…), no se logra visualizar en la parte baja los botones de siguiente y atras.
De antemano muy agradecido por su formacion y tiempo esperando respuesta suya.
Saludos cordiales.
Pdta aqui estilo-general.css
* {text-indent:0px ; margin:0px ; padding:0px ; border: 0px}
p {text-align: justify }
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}
body {text-align: center}
#global {width:800px ; margin:4px auto }
#curva-superior {background-image: url(objetos/curva-superior.gif) ; background-repeat: no repeat ; width:800px ; height:12px ; overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px }
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px}
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {margin: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: white ; width: 150px ; float:left ; text-align:left ; margin: 3px 10px 3px 3px ; background-image: url(objetos/menu-bajo.gif) ; background-position: bottom ; padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px}
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ; background-image: url(objetos/menu-alto.gif)}
#pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid }
#pie {border-left: black 1px solid; border_right: black 1px solid ; border-top: black 1px solid ; height: 65px }
#pie li {list-style: none ; font-size: 12px}
#pieuno {float:left ; width:150px }
#piedos {float:left ; width:498px }
#pietres {float:left ; width:150px }
#curva-inferior {background-image: url(objetos/curva-inferior.gif) ; background-repeat: no repeat ; width:800px ; height: 12px ; overflow : hidden }
a {color: brown ; text-decoration:none display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
* {text-indent:0px ; padding:0px ; border:0px}
a {color:brown ; text-decoration:none ; display: block}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
#pie a {color: blue; text-decoration:none ; display: block}
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white}
#logotipo a:active {}
y quiero asegurarme de dejar la plantilla.html aunque ya les deje el enlace de mi pagina de practica
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" type/css" media="all">
<link rel="stylesheet" type="text/css" href="estilo-general.css" media="all">
<link rel="stylesheet" type="text/css" href="estilo-menu-desplegable.css">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
Seccion 1
Seccion 2
Seccion 3
</div>
<div id="contenido">
<div id="menu">
<h1>Título de Sección 1</h1>
<ul> Enlace 1 Enlace 2 Enlace 3 Enlace 4
</div>
<h1>Esta será la zona principal de la web</h1>
Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
<h2>Y este es el tercer párrafo.</h2>
En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>
Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
Foro Ejemplo Contactos Nos enlazan
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
Directorio TopSite Mapa de la Web
</div>
</div>
<div id="curva-inferior"></div>
</div>
<script lenguage="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>
Muchas gracias
tambien quiero agregar que en el curso en la 4ta leccion definir distintos tipos de enlaces en la pagina web (http://www.comocreartuweb.com/html-kit-tutorial/tutorial-html-kit-l…), no se logra visualizar en la parte baja los botones de siguiente y atras.
De antemano muy agradecido por su formacion y tiempo esperando respuesta suya.
Saludos cordiales.
Pdta aqui estilo-general.css
* {text-indent:0px ; margin:0px ; padding:0px ; border: 0px}
p {text-align: justify }
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}
body {text-align: center}
#global {width:800px ; margin:4px auto }
#curva-superior {background-image: url(objetos/curva-superior.gif) ; background-repeat: no repeat ; width:800px ; height:12px ; overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px }
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px}
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {margin: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: white ; width: 150px ; float:left ; text-align:left ; margin: 3px 10px 3px 3px ; background-image: url(objetos/menu-bajo.gif) ; background-position: bottom ; padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px}
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ; background-image: url(objetos/menu-alto.gif)}
#pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid }
#pie {border-left: black 1px solid; border_right: black 1px solid ; border-top: black 1px solid ; height: 65px }
#pie li {list-style: none ; font-size: 12px}
#pieuno {float:left ; width:150px }
#piedos {float:left ; width:498px }
#pietres {float:left ; width:150px }
#curva-inferior {background-image: url(objetos/curva-inferior.gif) ; background-repeat: no repeat ; width:800px ; height: 12px ; overflow : hidden }
a {color: brown ; text-decoration:none display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
* {text-indent:0px ; padding:0px ; border:0px}
a {color:brown ; text-decoration:none ; display: block}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
#pie a {color: blue; text-decoration:none ; display: block}
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white}
#logotipo a:active {}
y quiero asegurarme de dejar la plantilla.html aunque ya les deje el enlace de mi pagina de practica
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" type/css" media="all">
<link rel="stylesheet" type="text/css" href="estilo-general.css" media="all">
<link rel="stylesheet" type="text/css" href="estilo-menu-desplegable.css">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
</div>
<div id="contenido">
<div id="menu">
<h1>Título de Sección 1</h1>
<ul>
</div>
<h1>Esta será la zona principal de la web</h1>
Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
<h2>Y este es el tercer párrafo.</h2>
En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>
Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
</div>
</div>
<div id="curva-inferior"></div>
</div>
<script lenguage="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>
Muchas gracias