Hola a todos
Luego de hacer todo el tutorial como corresponde y llegar al final con optimo resultado me laergue a hacer mi pagina.
mas alla de las ida y venidas (errores y las respectivas correciones) llegue a terminar la primer pagina que usare como plantilla, basada en la pagina del curso paso a paso. en cuestion: cuando le saque los menus desplegables de la barra de navegacion comenzo a darme el famoso error "0" en el preview del html-kit
aca les copio el html en rojo y el css en azul
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>SIGMA AIRTEC</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<meta name="keywords" content="planeadores, rc, f3j, f3f, f3k, f3b, winch, chute, sal, dlg, discus, launch, compuestos, fibra, vidrio, epoxy, carbono, balsa, moldeado, competicion, sigmaairtec, sigma-airtec, sigma, airtec, ala, alerones, fuselaje, vmount, estabilizador, timon, direccion, profundidad">
<!--<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<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="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]
</a>
</div>
<div id="copete">
<div id="publicidad">Bienvenidos al sitio de SIGMA AIRTEC</div>
</div>
</div>
<div id="navegacion">
<ul>
<!--Sección 1
Sección 2
Sección 3-->
</div>
<div id="contenido">
<div id="menu">
<h3></h3>
<ul>
Inicio
Modelos
Accesorios
Lista de Precios
Enlaces
Contacto
</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="piedos">
<a title="Contáctenos" href="mailto:[correo eliminado]?subject=Consulta">
[contenido no disponible]</a></div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
* {font-family: arial, helvetica; text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 1.5em; color:#36648B ; font-weight: bold ; text-decoration: none ;
text-align: center}
h2 {font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 1.3em; color:#36648B ; font-weight: bold ; text-decoration: none ;
text-align: center}
h3 {font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 0.9em; color:#FFD700 ; font-weight: bold ; text-decoration: none ;
text-align: left}
body { }
#global {width:auto ; margin:4px auto }
#cabecera {background-color: white; border-left: none ;
border-right: none ; height:85px}
#logotipo { float:left; margin:26px 0px 10px 1px}
#copete {background-image: url(objetos/bkgrd-cop.gif);
background-repeat: no-repeat ;
width: 460px ;
height:85px ; float:right;
overflow: hidden }
#publicidad {color: silver; width:450px; text-align:right; float:right ;font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; margin:50px 10px 0px 0px; font-size: 20px; font-weight: bold }
#navegacion {background-color: #36648B ; height:20px }
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: white ; font-size: 0.8em; margin-top:10px}
#contenido p {margin: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: white ; width: 150px ; float:left ;
text-align:left ; margin: 10px 15px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:25px }
#menu li {list-style:none ; margin: 4px 0px 4px 15px; font-size: 0.9em;font-weight: bold }
#menu h3 {text-decoration:none ; padding-top:12px; text-indent:7px;
background-image: url(objetos/menu-parte-superior.gif) }
#pie { background-color: #36648B; border-top: gold 2px solid ; height: 25px; margin: 10px 0px 0px 0px}
#piedos { float:right; margin-right:25px ; width:auto }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 1000px ;
height: 12px;
overflow: hidden }
a {color: white ;font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:black ; text-decoration:underline ; background-color: gold}
a:active {}
#pie a {color: blue; text-decoration:none ; display: block; font-weight: bold }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: gold }
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: transparent }
#logotipo a:active {}
desde ya cualquier ayuda sera de gran valor
Y jorgens.. te felicito por el curso y la info.
Luego de hacer todo el tutorial como corresponde y llegar al final con optimo resultado me laergue a hacer mi pagina.
mas alla de las ida y venidas (errores y las respectivas correciones) llegue a terminar la primer pagina que usare como plantilla, basada en la pagina del curso paso a paso. en cuestion: cuando le saque los menus desplegables de la barra de navegacion comenzo a darme el famoso error "0" en el preview del html-kit
aca les copio el html en rojo y el css en azul
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>SIGMA AIRTEC</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<meta name="keywords" content="planeadores, rc, f3j, f3f, f3k, f3b, winch, chute, sal, dlg, discus, launch, compuestos, fibra, vidrio, epoxy, carbono, balsa, moldeado, competicion, sigmaairtec, sigma-airtec, sigma, airtec, ala, alerones, fuselaje, vmount, estabilizador, timon, direccion, profundidad">
<!--<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<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="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]
</a>
</div>
<div id="copete">
<div id="publicidad">Bienvenidos al sitio de SIGMA AIRTEC</div>
</div>
</div>
<div id="navegacion">
<ul>
<!--
</div>
<div id="contenido">
<div id="menu">
<h3></h3>
<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="piedos">
<a title="Contáctenos" href="mailto:[correo eliminado]?subject=Consulta">
[contenido no disponible]</a></div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
* {font-family: arial, helvetica; text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 1.5em; color:#36648B ; font-weight: bold ; text-decoration: none ;
text-align: center}
h2 {font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 1.3em; color:#36648B ; font-weight: bold ; text-decoration: none ;
text-align: center}
h3 {font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 0.9em; color:#FFD700 ; font-weight: bold ; text-decoration: none ;
text-align: left}
body { }
#global {width:auto ; margin:4px auto }
#cabecera {background-color: white; border-left: none ;
border-right: none ; height:85px}
#logotipo { float:left; margin:26px 0px 10px 1px}
#copete {background-image: url(objetos/bkgrd-cop.gif);
background-repeat: no-repeat ;
width: 460px ;
height:85px ; float:right;
overflow: hidden }
#publicidad {color: silver; width:450px; text-align:right; float:right ;font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; margin:50px 10px 0px 0px; font-size: 20px; font-weight: bold }
#navegacion {background-color: #36648B ; height:20px }
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: white ; font-size: 0.8em; margin-top:10px}
#contenido p {margin: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: white ; width: 150px ; float:left ;
text-align:left ; margin: 10px 15px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:25px }
#menu li {list-style:none ; margin: 4px 0px 4px 15px; font-size: 0.9em;font-weight: bold }
#menu h3 {text-decoration:none ; padding-top:12px; text-indent:7px;
background-image: url(objetos/menu-parte-superior.gif) }
#pie { background-color: #36648B; border-top: gold 2px solid ; height: 25px; margin: 10px 0px 0px 0px}
#piedos { float:right; margin-right:25px ; width:auto }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 1000px ;
height: 12px;
overflow: hidden }
a {color: white ;font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:black ; text-decoration:underline ; background-color: gold}
a:active {}
#pie a {color: blue; text-decoration:none ; display: block; font-weight: bold }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: gold }
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: transparent }
#logotipo a:active {}
desde ya cualquier ayuda sera de gran valor
Y jorgens.. te felicito por el curso y la info.