hola como andan?
bueno eh terminado las lecciones de paso a paso y tengo un solo problemita en la preview de htmlkit.
que las secciones no se ven iguales, sino que la 1 se ve muy arriba y las otras 2 abajo.
ese es un proble y el otro es cuando subi todo a internet
http://www.blancoline.com.ar/plantilla.htmlel problema es que con el explorer se ve igual q la preview del htmlkit pero cuando la abro con el firefox se ve mal.queria ver si podrian pasar por mi web para ver si se puede solucionar el problema con alguna de sus codigos magicos jaja.
________________________________________________________
PLANTILLA:
E HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<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="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]</a></div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>Sección 1
Sección 2Sección 3
</div>
<div id="contenido">
<div id="menu">
<ul><h1>Título de Sección 1</h1>Enlace 1Enlace 2Enlace 3Enlace 4
</div>
<h1>Esta sera la zona prinicpal 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í.
<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.
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 EjemploContactosNos Enlazan
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
DirectorioTopSiteMapa de la Web
</div>
</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>
____________________________________________________________
ESTILOS-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 {background-color: white ; width:280px ; float:left}
#publicidad {background-color: white ; width:518px ; float:right ; margin-top:25px}
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 10px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px ; text.indent: 15px}
#menu {background-color: yellow; width: 150px ; float:left ; text-align:left ; margin:3px 10px 3px 3px ; background-image: url(objetos/menu-parte-inferior.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 ; background-image: url(objetos/menu-parte-superior.gif) ; padding-top:12px}
#pie {background-color: brown ; { background-color: white ; 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 {}
#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 {}
__________________________________________________________
DEFINIR-MENUS.TXT
if (TransMenu.isSupported())
{
var ms=new TransMenuSet(TransMenu.direction.down,1,0, TransMenu.reference.bottomLeft);
var desplegable1 = ms.addMenu(document.getElementById('desplegable1'));
desplegable1.addItem('Sabanas','ruta');
desplegable1.addItem('Toallas','ruta');
var desplegable2_0 = desplegable1.addMenu(desplegable1.items[1]);
desplegable2_0.addItem('Sub-Seccion 0.1','ruta');
desplegable2_0.addItem('Sub-Seccion 0.2','ruta');
desplegable2_0.addItem('Sub-Seccion 0.3','ruta');
desplegable1.addItem('Manteleria','ruta');
desplegable1.addItem('Acolchados','ruta');
desplegable1.addItem('Baños','ruta');
var desplegable1_0 = desplegable1.addMenu(desplegable1.items[4]);
desplegable1_0.addItem('Sub-Seccion 5.1','ruta');
desplegable1_0.addItem('Sub-Seccion 5.2','ruta');
var desplegable2 = ms.addMenu(document.getElementById('desplegable1'));
desplegable2.addItem('Sabanas','ruta');
desplegable2.addItem('Toallas','ruta');
var desplegable2_0 = desplegable1.addMenu(desplegable1.items[1]);
desplegable2_0.addItem('Sub-Seccion 2.1','ruta');
desplegable2_0.addItem('Sub-Seccion 2.2','ruta');
desplegable2_0.addItem('Sub-Seccion 2.3','ruta');
desplegable2.addItem('Manteleria','ruta');
desplegable2.addItem('Acolchados','ruta');
desplegable2.addItem('Baños','ruta');
var desplegab2e1_0 = desplegable1.addMenu(desplegable1.items[4]);
desplegable2_0.addItem('Sub-Seccion 5.1','ruta');
desplegable2_0.addItem('Sub-Seccion 5.2','ruta');
var desplegable3 = ms.addMenu(document.getElementById('desplegable1'));
desplegable3.addItem('Sabanas','ruta');
desplegable3.addItem('Toallas','ruta');
var desplegable3_0 = desplegable1.addMenu(desplegable1.items[1]);
desplegable3_0.addItem('Sub-Seccion 3.1','ruta');
desplegable3_0.addItem('Sub-Seccion 3.2','ruta');
desplegable3_0.addItem('Sub-Seccion 3.3','ruta');
desplegable3.addItem('Manteleria','ruta');
desplegable3.addItem('Acolchados','ruta');
desplegable3.addItem('Baños','ruta');
var desplegable3_0 = desplegable1.addMenu(desplegable1.items[4]);
desplegable3_0.addItem('Sub-Seccion 6.1','ruta');
desplegable3_0.addItem('Sub-Seccion 6.2','ruta');
TransMenu.renderAll();
}
__________________________________________________________
DEFINIR-MENUS.TXT
if (TransMenu.isSupported())
{
var ms=new TransMenuSet(TransMenu.direction.down,1,0, TransMenu.reference.bottomLeft);
var desplegable1 = ms.addMenu(document.getElementById('desplegable1'));
desplegable1.addItem('1 1/2 plazas','ruta');
desplegable1.addItem('2 1/2 plazas','ruta');
var desplegable1_0 = desplegable1.addMenu(desplegable1.items[1]);
desplegable1_0.addItem('Hotel','ruta');
desplegable1_0.addItem('Cannon','ruta');
desplegable1_0.addItem('Portico','ruta');
desplegable1.addItem('Queen','ruta');
desplegable1.addItem('King','ruta');
desplegable1.addItem('Ajustables','ruta');
var desplegable1_0 = desplegable1.addMenu(desplegable1.items[4]);
desplegable1_0.addItem('Cannon','ruta');
desplegable1_0.addItem('Cacharel','ruta');
var desplegable2 = ms.addMenu(document.getElementById('desplegable2'));
desplegable2.addItem('Toallones','ruta');
desplegable2.addItem('Toallas','ruta');
var desplegable2_0 = desplegable2.addMenu(desplegable2.items[1]);
desplegable2_0.addItem('600 gramos','ruta');
desplegable2_0.addItem('500 gramos','ruta');
desplegable2_0.addItem('400 gramos','ruta');
desplegable2.addItem('Batas','ruta');
desplegable2.addItem('Pareos','ruta');
desplegable2.addItem('Turbantes','ruta');
var desplegable2_0 = desplegable2.addMenu(desplegable2.items[4]);
desplegable2_0.addItem('Lisos','ruta');
desplegable2_0.addItem('Estampados','ruta');
var desplegable3 = ms.addMenu(document.getElementById('desplegable3'));
desplegable3.addItem('Acolchados','ruta');
desplegable3.addItem('Edredones','ruta');
var desplegable3_0 = desplegable3.addMenu(desplegable3.items[1]);
desplegable3_0.addItem('Alcoyana','ruta');
desplegable3_0.addItem('Cannon','ruta');
desplegable3_0.addItem('Pierre Balmein','ruta');
desplegable3.addItem('Fundas','ruta');
desplegable3.addItem('Frazadas','ruta');
desplegable3.addItem('Cortinas de baño','ruta');
var desplegable3_0 = desplegable3.addMenu(desplegable3.items[4]);
desplegable3_0.addItem('Rusticas','ruta');
desplegable3_0.addItem('Polar','ruta');
TransMenu.renderAll();
}
___________________________________________________________
bueno creo q eso es todo lo que necesitan
muchas gracias por todo. muy buena la web
chau seba