Hola
ESTOY EN EL CUENTO DE HACER MI PAGINA WEB PARA MONTAR UNA INMOBILIARIA, todo bien hasta la tercera Lección pues al configurar mi FPT no hay forma, pues sigo apareciendo con la famosa lupa.
Sin embargo segui haciendo mi pagina sin colgarla y llegue a la lección 4
donde estoy haciendo un menu desplegable horizontal, pero no logro que despliegue, les agradeceria me revisaran donde esta el problema
Esta es mi plantilla
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>AI Asesores Inmobiliarios</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>
<meta http-equiv="Content-Type"content="text/html;charset=iso-8859-1">
</head>
<body onload="init();">
<div id="global">
<div id="curva-superior">[contenido no disponible]</div>
<div id="cabecera">
<div id="edificio">[contenido no disponible]
</a></div>
<div id="logotipo centrado">[contenido no disponible]
</a></div>
</div>
<div id="navegacion">
<ul>
[contenido no disponible]
[contenido no disponible]
[contenido no disponible]
[contenido no disponible]
[contenido no disponible]
</div>
<div id="contenido">
<div id="menu">
<h1>Agenciamos bienes inmuebles en arriendo, compra ó venta</h1></p>Conseguimos lo que Usted busca para</p><h2>Vivienda, Comercio ó Industria</h2></p>Nuestro equipo esta para ayudarle, díganos que necesita</p>
</div>
[contenido no disponible]............[contenido no disponible]</p>
[contenido no disponible]...........[contenido no disponible]</p>
[contenido no disponible]</p>
</div>
<div id="pie">
<div id="pieuno">[contenido no disponible]
[correo eliminado]</p>
Telefonos: 862 68 59 - 8626565 Celular: 315 8848259</p>
Chía Cundinamarca Colombia </p>
</div>
<div id="piedos">
Espacio para publicidad</p></div>
</div>
<div id="curva-inferior">[contenido no disponible]</div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>
ESTA ES LA PLANILLA DE NUMERO DE MENUS
function init()
{
if (TransMenu.isSupported())
{
TransMenu.initialize();
desplegable1.onactivate = function() { document.getElementById('desplegable1').className = 'hover'; };
desplegable1.ondeactivate = function() { document.getElementById('desplegable1').className = ''; }
}
}
desplegable2.onactivate=function(){document.getElementById('desplegable2').className = 'hover'; };
desplegable2.ondeactivate=function(){document.getElementById('desplegable2').className = ''; }
}
}
desplegable3.onactivate=function(){document.getElementById('desplegable3').className = 'hover'; };
desplegable3.ondeactivate=function(){document.getElementById('desplegable3').className = ''; }
}
}
desplegable4.onactivate=function(){document.getElementById('desplegable4').className = 'hover'; };
desplegable4.ondeactivate=function(){document.getElementById('desplegable4').className = ''; }
}
}
desplegable5.onactivate=function(){document.getElementById('desplegable5').className = 'hover'; };
desplegable5.ondeactivate=function(){document.getElementById('desplegable5').className = ''; }
}
}
Y ESTA ES LA PLANILLA DE DEFINIR MENUS
if (TransMenu.isSupported())
{
var ms=new TransMenuSet(TransMenu.direction.down,1,0, TransMenu.reference.bottomLeft);
var desplegable1 = ms.addMenu (document.getElementById ('desplegable1'));
desplegable1.addItem('Pagina principal','index1.html');
var desplegable2 = ms.addMenu(document.getElementById('desplegable2'));
desplegable2.addItem('Formulario','ruta');
var desplegable3 = ms.addMenu(document.getElementById('desplegable3'));
desplegable3.addItem('Tipo de negocio','Buscar inmueble');
var desplegable3_0 = desplegable3.addMenu(desplegable3.items[0]);
desplegable3_0.addItem('Arriendo','plantilla1.html');
desplegable3_0.addItem('Compra - Permuta','plantilla.html');
desplegable3_0.addItem('Compra - Permuta','plantilla.html')
desplegable3.addItem('Tipo de Inmueble','ruta');
var desplegable3_0 = desplegable3.addMenu(desplegable3.items[1]);
desplegable3_0.addItem('Apartamentos','ruta');
desplegable3_0.addItem('Bodegas','ruta');
desplegable3_0.addItem('Casalotes','ruta');
desplegable3_0.addItem('Consultorios','ruta');
desplegable3_0.addItem('Fincas','ruta');
desplegable3_0.addItem('Lotes','ruta');
desplegable3_0.addItem('Oficinas','ruta');
desplegable3.addItem('Ciudad','ruta');
var desplegable3_0 = desplegable3.addMenu(desplegable3.items[2]);
desplegable3_0.addItem('Bogotá D.C.','ruta');
desplegable3_0.addItem('Cajica','ruta');
desplegable3_0.addItem('Calera','ruta');
desplegable3_0.addItem('Chía','ruta');
desplegable3_0.addItem('Cota','ruta');
desplegable3_0.addItem('Sopo','ruta');
desplegable3_0.addItem('Tabio','ruta');
desplegable3_0.addItem('Tenjo','ruta');
desplegable3_0.addItem('Zipaquira','ruta');
desplegable3.addItem('Zona','ruta');
var desplegable3_0 = desplegable3.addMenu(desplegable3.items[3]);
desplegable3_0.addItem('Centro','ruta');
desplegable3_0.addItem('Chapinero','ruta');
desplegable3_0.addItem('Nor occidente','ruta');
desplegable3_0.addItem('Norte','ruta');
desplegable3_0.addItem('Sur','ruta');
var desplegable4 = ms.addmenu (document.getElementById('desplegable4'));
desplegable4.addItem('Sobre planos','ruta');
desplegable4.addItem('En construcción','ruta');
desplegable4.addItem('Terminados','ruta');
var desplegable5 = ms.addMenu(document.getElementById('desplegable5'));
TransMenu.renderAll();
}
ESTA ES MI HOJA DE ESTILO GENERAL CSS
*{text-indent: 5px ; margin:10px ; padding:5px ; border:5px}
p {text-align: center}
h1 {font-size: 1.1em;
color:#ff8247 ;
font-weight: bold ;
text-decoration: none ;
text-align: center}
h2 {font.size: 0.9em;
color:#ff8247;
font-weight: bold;
text-decoration: none ;
text-align: center}
body {text-align: center }
#global {width:800px ;
margin: 5px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#cabecera {background-color:#FFFFE0;
border-left: #cd661d 1px solid ;
border-right:#cd661d 1px solid ;
border-top: #cd661d 1px solid ;
height:55px }
#edificio {width:800px;
float:left;
margin-top:0.1px }
#logotipo {width:420px;
background-color:#cd661d ;
margin: 0px 0px 0px 0px }
#navegacion {background-color:#ffdeaa ;
border: #cd661d 1px solid ;
height:30px}
#navegacion li {float:left ;
list-style:none ;
margin: 0px 2px 0px 2px ;}
#navegacion ul { margin-left: 1px; }
#contenido {background-color: #FFEC8B;
width: auto;
height: 200px ;
border-left: black 0px solid ;
border-right:black 0px solid }
#contenido p {padding: 10px 5px 5px 5px ;
height: 50px ;
text-indent: 9px;
text-align: center; }
#menu { background-color:#FFFFE2;
float:left ;
width:320px;
margin: 0px 2px 1px 0px;
text-align: center;
background-position: bottom;
padding-bottom:8px }
#menu li {list-style:none ;
font-size:18px ;
margin:1px 2px 5px 2px }
#menu h1 {text-decoration:none ;
font-size:22px ;
padding-top:20px }
#pie {background-color: #FFFFE0;
border-left: #ff3e96 0px solid;
border-right:#ff3e96 1 px solid;
border-top: #ff3e95 1 px solid;
height: 90px ; }
#pieuno {background-color:#FFFFE1;
float:left;
width:340px;
height: 100px ;
border: #ff3e96 1px solid ;
font-size:14px ;
text-align: center}
#piedos {background-color: #FFFFE1;
float:right;
width:458px ;
height: 100px;
border: #ff3e96 1px solid ; }
#curva-inferior { background-image: url (objetos/curva-inferior.gif);
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
a {color: black;
font-size: 0.8em ;
text-decoration: none;
display: block }
a: link {Color:silver}
a: visited {color:silver}
a: hover {color: blue ;
text-decoration:none;
background-color: blue }
a: active {Color:Silver}
* {margin:0px ; padding:0px ; border: 0px}
border: {1px solid darkgrey }
De antemano gracias por echarme una manito
ESTOY EN EL CUENTO DE HACER MI PAGINA WEB PARA MONTAR UNA INMOBILIARIA, todo bien hasta la tercera Lección pues al configurar mi FPT no hay forma, pues sigo apareciendo con la famosa lupa.
Sin embargo segui haciendo mi pagina sin colgarla y llegue a la lección 4
donde estoy haciendo un menu desplegable horizontal, pero no logro que despliegue, les agradeceria me revisaran donde esta el problema
Esta es mi plantilla
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>AI Asesores Inmobiliarios</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>
<meta http-equiv="Content-Type"content="text/html;charset=iso-8859-1">
</head>
<body onload="init();">
<div id="global">
<div id="curva-superior">[contenido no disponible]</div>
<div id="cabecera">
<div id="edificio">[contenido no disponible]
</a></div>
<div id="logotipo centrado">[contenido no disponible]
</a></div>
</div>
<div id="navegacion">
<ul>
</div>
<div id="contenido">
<div id="menu">
<h1>Agenciamos bienes inmuebles en arriendo, compra ó venta</h1></p>Conseguimos lo que Usted busca para</p><h2>Vivienda, Comercio ó Industria</h2></p>Nuestro equipo esta para ayudarle, díganos que necesita</p>
</div>
[contenido no disponible]............[contenido no disponible]</p>
[contenido no disponible]...........[contenido no disponible]</p>
[contenido no disponible]</p>
</div>
<div id="pie">
<div id="pieuno">[contenido no disponible]
[correo eliminado]</p>
Telefonos: 862 68 59 - 8626565 Celular: 315 8848259</p>
Chía Cundinamarca Colombia </p>
</div>
<div id="piedos">
Espacio para publicidad</p></div>
</div>
<div id="curva-inferior">[contenido no disponible]</div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>
ESTA ES LA PLANILLA DE NUMERO DE MENUS
function init()
{
if (TransMenu.isSupported())
{
TransMenu.initialize();
desplegable1.onactivate = function() { document.getElementById('desplegable1').className = 'hover'; };
desplegable1.ondeactivate = function() { document.getElementById('desplegable1').className = ''; }
}
}
desplegable2.onactivate=function(){document.getElementById('desplegable2').className = 'hover'; };
desplegable2.ondeactivate=function(){document.getElementById('desplegable2').className = ''; }
}
}
desplegable3.onactivate=function(){document.getElementById('desplegable3').className = 'hover'; };
desplegable3.ondeactivate=function(){document.getElementById('desplegable3').className = ''; }
}
}
desplegable4.onactivate=function(){document.getElementById('desplegable4').className = 'hover'; };
desplegable4.ondeactivate=function(){document.getElementById('desplegable4').className = ''; }
}
}
desplegable5.onactivate=function(){document.getElementById('desplegable5').className = 'hover'; };
desplegable5.ondeactivate=function(){document.getElementById('desplegable5').className = ''; }
}
}
Y ESTA ES LA PLANILLA DE DEFINIR MENUS
if (TransMenu.isSupported())
{
var ms=new TransMenuSet(TransMenu.direction.down,1,0, TransMenu.reference.bottomLeft);
var desplegable1 = ms.addMenu (document.getElementById ('desplegable1'));
desplegable1.addItem('Pagina principal','index1.html');
var desplegable2 = ms.addMenu(document.getElementById('desplegable2'));
desplegable2.addItem('Formulario','ruta');
var desplegable3 = ms.addMenu(document.getElementById('desplegable3'));
desplegable3.addItem('Tipo de negocio','Buscar inmueble');
var desplegable3_0 = desplegable3.addMenu(desplegable3.items[0]);
desplegable3_0.addItem('Arriendo','plantilla1.html');
desplegable3_0.addItem('Compra - Permuta','plantilla.html');
desplegable3_0.addItem('Compra - Permuta','plantilla.html')
desplegable3.addItem('Tipo de Inmueble','ruta');
var desplegable3_0 = desplegable3.addMenu(desplegable3.items[1]);
desplegable3_0.addItem('Apartamentos','ruta');
desplegable3_0.addItem('Bodegas','ruta');
desplegable3_0.addItem('Casalotes','ruta');
desplegable3_0.addItem('Consultorios','ruta');
desplegable3_0.addItem('Fincas','ruta');
desplegable3_0.addItem('Lotes','ruta');
desplegable3_0.addItem('Oficinas','ruta');
desplegable3.addItem('Ciudad','ruta');
var desplegable3_0 = desplegable3.addMenu(desplegable3.items[2]);
desplegable3_0.addItem('Bogotá D.C.','ruta');
desplegable3_0.addItem('Cajica','ruta');
desplegable3_0.addItem('Calera','ruta');
desplegable3_0.addItem('Chía','ruta');
desplegable3_0.addItem('Cota','ruta');
desplegable3_0.addItem('Sopo','ruta');
desplegable3_0.addItem('Tabio','ruta');
desplegable3_0.addItem('Tenjo','ruta');
desplegable3_0.addItem('Zipaquira','ruta');
desplegable3.addItem('Zona','ruta');
var desplegable3_0 = desplegable3.addMenu(desplegable3.items[3]);
desplegable3_0.addItem('Centro','ruta');
desplegable3_0.addItem('Chapinero','ruta');
desplegable3_0.addItem('Nor occidente','ruta');
desplegable3_0.addItem('Norte','ruta');
desplegable3_0.addItem('Sur','ruta');
var desplegable4 = ms.addmenu (document.getElementById('desplegable4'));
desplegable4.addItem('Sobre planos','ruta');
desplegable4.addItem('En construcción','ruta');
desplegable4.addItem('Terminados','ruta');
var desplegable5 = ms.addMenu(document.getElementById('desplegable5'));
TransMenu.renderAll();
}
ESTA ES MI HOJA DE ESTILO GENERAL CSS
*{text-indent: 5px ; margin:10px ; padding:5px ; border:5px}
p {text-align: center}
h1 {font-size: 1.1em;
color:#ff8247 ;
font-weight: bold ;
text-decoration: none ;
text-align: center}
h2 {font.size: 0.9em;
color:#ff8247;
font-weight: bold;
text-decoration: none ;
text-align: center}
body {text-align: center }
#global {width:800px ;
margin: 5px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#cabecera {background-color:#FFFFE0;
border-left: #cd661d 1px solid ;
border-right:#cd661d 1px solid ;
border-top: #cd661d 1px solid ;
height:55px }
#edificio {width:800px;
float:left;
margin-top:0.1px }
#logotipo {width:420px;
background-color:#cd661d ;
margin: 0px 0px 0px 0px }
#navegacion {background-color:#ffdeaa ;
border: #cd661d 1px solid ;
height:30px}
#navegacion li {float:left ;
list-style:none ;
margin: 0px 2px 0px 2px ;}
#navegacion ul { margin-left: 1px; }
#contenido {background-color: #FFEC8B;
width: auto;
height: 200px ;
border-left: black 0px solid ;
border-right:black 0px solid }
#contenido p {padding: 10px 5px 5px 5px ;
height: 50px ;
text-indent: 9px;
text-align: center; }
#menu { background-color:#FFFFE2;
float:left ;
width:320px;
margin: 0px 2px 1px 0px;
text-align: center;
background-position: bottom;
padding-bottom:8px }
#menu li {list-style:none ;
font-size:18px ;
margin:1px 2px 5px 2px }
#menu h1 {text-decoration:none ;
font-size:22px ;
padding-top:20px }
#pie {background-color: #FFFFE0;
border-left: #ff3e96 0px solid;
border-right:#ff3e96 1 px solid;
border-top: #ff3e95 1 px solid;
height: 90px ; }
#pieuno {background-color:#FFFFE1;
float:left;
width:340px;
height: 100px ;
border: #ff3e96 1px solid ;
font-size:14px ;
text-align: center}
#piedos {background-color: #FFFFE1;
float:right;
width:458px ;
height: 100px;
border: #ff3e96 1px solid ; }
#curva-inferior { background-image: url (objetos/curva-inferior.gif);
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
a {color: black;
font-size: 0.8em ;
text-decoration: none;
display: block }
a: link {Color:silver}
a: visited {color:silver}
a: hover {color: blue ;
text-decoration:none;
background-color: blue }
a: active {Color:Silver}
* {margin:0px ; padding:0px ; border: 0px}
border: {1px solid darkgrey }
De antemano gracias por echarme una manito