Entrar

¿QUE OCURRIÓ CON EL MENÚ DESPLEGABLE?

Juan Eduardo González R. · · Solicitar retirada
Afectuoso saludo. ¿Cómo están? ¿Qué han hecho? Espero la estén pasando muy bien.

Imaginense, que tras terminar la lección cuarta, pensé que era bueno ir adelantando algito; así que subí a la red lo que hasta ese punto debemos tener hecho todos los que seguimos el curso de cctw con el Html.kit, para ver que estuviera quedando todo como en el curso. Sin embargo, el programa no me dejó subir uno de los archivos de los que descargamos y descomprimimos, el que llamamos: estilo-menu-desplegable. Todos los otros, incluyendo los de la carpeta objetos, sí los pude subir.

Entonces de que se trata esto, de que por favor me indiquen como subir ese bendito archivo, ya que sospecho que por no poderlo subir, es que en la plantilla ya subida al servidor, no aparecen los menús desplegables que don JORGENS nos enseñara tan amablemente a establecer en nuestra web.

Por otra parte, descontando lo de los menús desplegables, la web no se ve exactamente como en el ejemplo, sino que pareciera que el "perímetro" de ésta tiene sus fallas, más específicamente en la parte inferior derecha; me llama la atención que la última vez que la subí, antes de los ajustes de los menús desplegables, lucía igualita a la del curso.

Por último, no me cansaré de agradecerles a todos... Comenzando por el gran jefe, don JORGENS, los momentos tan gratos que he pasado aprendiendo e interactuando con ustedes. Hasta luego :P .

Nota: En cuanto al index, se ve igual que en el curso, abajo dejo la dirección para que me den una mano con lo de la plantilla; no copeo los codigos al foro, porque ya ustedes los revisaron y me sugirieron copiarlos de la red al editor, así lo hice y quedó bien.
http://jegonzalez.iespana.es/plantilla.html
¡¡Entre más viejo no te haces más sabio, sólo más lento!!
Raulyure · · Solicitar retirada
Juan Eduardo González R. escribió:Afectuoso saludo. ¿Cómo están? ¿Qué han hecho? Espero la estén pasando muy bien.

Imaginense, que tras terminar la lección cuarta, pensé que era bueno ir adelantando algito; así que subí a la red lo que hasta ese punto debemos tener hecho todos los que seguimos el curso de cctw con el Html.kit, para ver que estuviera quedando todo como en el curso. Sin embargo, el programa no me dejó subir uno de los archivos de los que descargamos y descomprimimos, el que llamamos: estilo-menu-desplegable. Todos los otros, incluyendo los de la carpeta objetos, sí los pude subir.

Entonces de que se trata esto, de que por favor me indiquen como subir ese bendito archivo, ya que sospecho que por no poderlo subir, es que en la plantilla ya subida al servidor, no aparecen los menús desplegables que don JORGENS nos enseñara tan amablemente a establecer en nuestra web.

Por otra parte, descontando lo de los menús desplegables, la web no se ve exactamente como en el ejemplo, sino que pareciera que el "perímetro" de ésta tiene sus fallas, más específicamente en la parte inferior derecha; me llama la atención que la última vez que la subí, antes de los ajustes de los menús desplegables, lucía igualita a la del curso.

Por último, no me cansaré de agradecerles a todos... Comenzando por el gran jefe, don JORGENS, los momentos tan gratos que he pasado aprendiendo e interactuando con ustedes. Hasta luego :P .

Nota: En cuanto al index, se ve igual que en el curso, abajo dejo la dirección para que me den una mano con lo de la plantilla; no copeo los codigos al foro, porque ya ustedes los revisaron y me sugirieron copiarlos de la red al editor, así lo hice y quedó bien.
http://juaned.iespana.es/plantilla.html
Hola:
No se si le servirá esto, pero veo en su código fuente de su plantilla que no ha cerrado la capa pie, si usted se fija verá que la abre <div id="pie"> y luego dentro de ella crea la capa pieuno, piedos y pietres, todas esas usted las cierra pero parece ser que se ha olvidado de cerrar al final de ellas la capa pie con un </div>.
En cuanto a los desplegables, veo que está en iespana, puede probar entrando a la página de iespana con http dos puntos//www punto iespana punto es, y se le abrirá la página http dos puntos//web.iespana punto es.
A la izquierda aparece un cuadro "Acceso a los Servicios" donde debe poner su nombre de usuario y la contraseña y pulsar en "ok" la que está a la derecha de contraseña, al hacerlo se abre una ventana con un cuadro a la izquierda que dice "Bienvenido" y se muestra su nombre de usuario. A la derecha de ese cuadro están los iconos de "Acceder a los email" "Acceder al blog" "Acceder al sitio web" "Acceder al pro", usted pulse en el icono de acceder al sitio web, y se abre una ventana parecida a la que estaba con un cuadro a la izquierda donde sale la información de conexión FTP, y en el cuadro de abajo que dice "Web>Tus Herramientas" se pulsa en "Publicar mi sitio", al pulsar, puede que se abra un cuadro que dice "Advertencia de seguridad", que habla de la firma digital, se pulsa en "ejecutar" y mas abajo le aparecerán dos cuadros o marcos , el izquierdo le muestra lo que tiene su PC, el de la derecha lo que tiene su servidor que es allí donde hay que subir los archivos. En el cuadro de la izquierda seguramente tendrá que hacer doble click en la carpeta "Escritorio", ya que en su escritorio es donde tiene guardada su web, y busca la carpeta en donde tiene su archivo de estilo de menu, cuando la encuentre , la marca con un click, y luego en las flechas que están entre los dos cuadros , pulsa en las que van dirigidas a la derecha. Luego que ha subido su archivo, va un poco arriba de la ventana y en el cuadro donde sale su nombre de usuario hay por allí un "desconexión" lo pulsa y con ello sale de su web.
Saludos
Agradecido de los que aprenden enseñando
Juan Eduardo González R. · · Solicitar retirada
Qué han hecho, siempre tan juiciosos.

Queridos amigos, lo del fallo en la parte inferior derecha de la plantilla, se arregló con las indicaciones de Raúlyure, lo del menú, pese a que ya está en la web el archivo que hacia falta estilo-menu-desplegable, sigue mal, no se ven los desplegables, pero aquí en casa en el html.kit si se ve exactamente como en el curso; qué pudo haber pasado? :cry: .

GRACIAS por sus aportes y sugerencias.
¡¡Entre más viejo no te haces más sabio, sólo más lento!!
Raulyure · · Solicitar retirada
Juan Eduardo González R. escribió:Qué han hecho, siempre tan juiciosos.

Queridos amigos, lo del fallo en la parte inferior derecha de la plantilla, se arregló con las indicaciones de Raúlyure, lo del menú, pese a que ya está en la web el archivo que hacia falta estilo-menu-desplegable, sigue mal, no se ven los desplegables, pero aquí en casa en el html.kit si se ve exactamente como en el curso; qué pudo haber pasado? :cry: .

GRACIAS por sus aportes y sugerencias.
Hola:
Yo no le he contestado a esto del menu desplegable aún porque realmente con la información que tengo de su problema no me hago a la idea de que es lo que puede ser, quizás subiéndo varias veces el archivo de estilo del menu y cada vez que lo suba , ir después al navegador buscar su página y actualizarla, hasta que realmente el servidor la tome en cuenta, también me he dado cuenta (por experiencia) que muchas veces en el ordenador de uno los menus funcionan aunque haya algún error pequeño , pero que después al subirlo a internet no se vean , y será porque estándo ya subidos es cuando se ve realmente que en alguna parte a habido algún error como por ejemplo en el archivo definir menu, en que se haya olvidado de cambiar un uno por un dos (se lo digo como ejemplo) o que su carpeta de objetos se llame Objetos con la o escrita en mayúsculas cuando en el archivo de la hoja de estilo del desplegable hace referencia a las imagenes de los desplegables que debieran de estar en una carpeta llamada objetos con la o con minúsculas. Tampoco se si alguien le está aconsejando en privado, así que hastra acá dejaré las elucubraciones que hago de porqué no le salen los desplegables en el servidor.
Saludos
Agradecido de los que aprenden enseñando
Karla Yamileth Ceron · · Solicitar retirada
Hola!!!
Tengo un problema, no se que paso con el menu desplegable porque no se visualiza y e llevado cada clase paso a paso. Al dar vista previa a la plantilla me pone un mensaje de error en los script.Y no salen los desplegables.Que puedo hacer? :roll: y ya revise los posibles errores que pude haber cometido, pero me temo que es el servidor.Me pueden ayudar a arreglarlo.Gracias
Karla Yamileth Ceron · · Solicitar retirada
Karla Yamileth Ceron escribió:Hola!!!
Tengo un problema, no se que paso con el menu desplegable porque no se visualiza y e llevado cada clase paso a paso. Al dar vista previa a la plantilla me pone un mensaje de se aproducido un error en los script en la linea 10, luego cierro ese mensaje y los desplegables no aparecen por ningun lado.Y no salen los desplegables.Que puedo hacer? :roll: y ya revise los posibles errores que pude haber cometido, pero me temo que es el servidor.Me pueden ayudar a arreglarlo.Gracias
Raulyure · · Solicitar retirada
Karla Yamileth Ceron escribió:
Karla Yamileth Ceron escribió:Hola!!!

Hola:
No se si ha solucionado su problema, pero habría sido bueno que pusiera los códigos del archivo "definir-menu", los del "número -de- menu" que están en su carpeta "web-ejemplo-cctw" y los códigos de su página. Puede copiarlos y pegarlos en un mensaje acá
Saludos
Agradecido de los que aprenden enseñando
Karla Yamileth Ceron · · Solicitar retirada
Hola:
No se si ha solucionado su problema, pero habría sido bueno que pusiera los códigos del archivo "definir-menu", los del "número -de- menu" que están en su carpeta "web-ejemplo-cctw" y los códigos de su página. Puede copiarlos y pegarlos en un mensaje acá
Saludos

El archivo definir-menu es este:
if (TransMenu.isSupported())
{
var ms=new TransMenuSet(TransMenu.direction.down,1,0, TransMenu.reference.bottomLeft);

var desplegable1 = ms.addMenu(document.getElementById('desplegable1'));
desplegable1.addItem('Seccion 1','ruta');
desplegable1.addItem('Seccion 2','ruta');
var desplegable1_0 = desplegable1.addMenu(desplegable1.items[1]);
desplegable1_0.addItem('Sub-Seccion 2.1','ruta');
desplegable1_0.addItem('Sub-Seccion 2.2','ruta');
desplegable1_0.addItem('Sub-Seccion 2.3','ruta');
desplegable1.addItem('Seccion 3','ruta');
desplegable1.addItem('Seccion 4','ruta');
desplegable1.addItem('Seccion 5','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('desplegable2'));
desplegable2.addItem('Seccion 1','ruta');
desplegable2.addItem('Seccion 2','ruta');
var desplegable2_0 = desplegable2.addMenu(desplegable2.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('Seccion 3','ruta');
desplegable2.addItem('Seccion 4','ruta');
desplegable2.addItem('Seccion 5','ruta');
var desplegable2_0 = desplegable2.addMenu(desplegable2.items[4]);
desplegable2_0.addItem('Sub-Seccion 5.1','ruta');
desplegable2_0.addItem('Sub-Seccion 5.2','ruta');

var desplegable3 = ms.addMenu(document.getElementById('desplegable3'));
desplegable3.addItem('Seccion 1','ruta');
desplegable3.addItem('Seccion 2','ruta');
var desplegable3_0 = desplegable3.addMenu(desplegable3.items[1]);
desplegable3_0.addItem('Sub-Seccion 2.1','ruta');
desplegable3_0.addItem('Sub-Seccion 2.2','ruta');
desplegable3_0.addItem('Sub-Seccion 2.3','ruta');
desplegable3.addItem('Seccion 3','ruta');
desplegable3.addItem('Seccion 4','ruta');
desplegable3.addItem('Seccion 5','ruta');
var desplegable3_0 = desplegable3.addMenu(desplegable3.items[4]);
desplegable3_0.addItem('Sub-Seccion 5.1','ruta');
desplegable3_0.addItem('Sub-Seccion 5.2','ruta');

TransMenu.renderAll();
}


El archivo numero-de-menu es este
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 = ''; }
}
}


El codigo de la plantilla es este
<!DOCTYPE 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>
<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>
  • Sección 1
  • Sección 2
  • Sección 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 language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>


    El codigo del estililo-general-css es este
    * {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 0px 10px ; text-indent: 15px}
    #menu {background-color: lorange ; 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 ; padding-top:12px ; background-image: url(objetos/menu-parte-superior.gif) }
    #pie { 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 {background-color: brown ; float:left ; width:150px ; background-color: white}
    #piedos {background-color: whith ; float:left ; width:498px }
    #pietres {background-color: red ; float:left ; width:150px ; background-color: white}
    #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 {}


    El archivo del index.html es este
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Page Principal del Ejemplo CCTV</title>
    <link rel="stylesheet" href="estilos.css" type="text/css" media= "all"
    </head>
    <body>
    <p class="centrado"> Bienvenidos a mi página web. Muy pronto estará lista!</p>


    [contenido no disponible]</p>


    Pagina creada gracias a CCTV</p>
    Click para escribirme


    [correo eliminado]</p>
    </body>
    </html>


    Espero me puedan ayudar, y de ante mano Gracias por contestar y por su ayuda que es tan especial. :D Hasta luego y saludos a todos. 8)
    • Raulyure · · Solicitar retirada
    Karla Yamileth Ceron escribió:Hola:
    No se si ha solucionado su problema, pero habría sido bueno que pusiera los códigos del archivo "definir-menu", los del "número -de- menu" que están en su carpeta "web-ejemplo-cctw" y los códigos de su página. Puede copiarlos y pegarlos en un mensaje acá
    Saludos

    El archivo definir-menu es este:
    if (TransMenu.isSupported())
    {
    var ms=new TransMenuSet(TransMenu.direction.down,1,0, TransMenu.reference.bottomLeft);

    var desplegable1 = ms.addMenu(document.getElementById('desplegable1'));
    desplegable1.addItem('Seccion 1','ruta');
    desplegable1.addItem('Seccion 2','ruta');
    var desplegable1_0 = desplegable1.addMenu(desplegable1.items[1]);
    desplegable1_0.addItem('Sub-Seccion 2.1','ruta');
    desplegable1_0.addItem('Sub-Seccion 2.2','ruta');
    desplegable1_0.addItem('Sub-Seccion 2.3','ruta');
    desplegable1.addItem('Seccion 3','ruta');
    desplegable1.addItem('Seccion 4','ruta');
    desplegable1.addItem('Seccion 5','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('desplegable2'));
    desplegable2.addItem('Seccion 1','ruta');
    desplegable2.addItem('Seccion 2','ruta');
    var desplegable2_0 = desplegable2.addMenu(desplegable2.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('Seccion 3','ruta');
    desplegable2.addItem('Seccion 4','ruta');
    desplegable2.addItem('Seccion 5','ruta');
    var desplegable2_0 = desplegable2.addMenu(desplegable2.items[4]);
    desplegable2_0.addItem('Sub-Seccion 5.1','ruta');
    desplegable2_0.addItem('Sub-Seccion 5.2','ruta');

    var desplegable3 = ms.addMenu(document.getElementById('desplegable3'));
    desplegable3.addItem('Seccion 1','ruta');
    desplegable3.addItem('Seccion 2','ruta');
    var desplegable3_0 = desplegable3.addMenu(desplegable3.items[1]);
    desplegable3_0.addItem('Sub-Seccion 2.1','ruta');
    desplegable3_0.addItem('Sub-Seccion 2.2','ruta');
    desplegable3_0.addItem('Sub-Seccion 2.3','ruta');
    desplegable3.addItem('Seccion 3','ruta');
    desplegable3.addItem('Seccion 4','ruta');
    desplegable3.addItem('Seccion 5','ruta');
    var desplegable3_0 = desplegable3.addMenu(desplegable3.items[4]);
    desplegable3_0.addItem('Sub-Seccion 5.1','ruta');
    desplegable3_0.addItem('Sub-Seccion 5.2','ruta');

    TransMenu.renderAll();
    }


    El archivo numero-de-menu es este
    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 = ''; }
    }
    }


    El codigo de la plantilla es este
    <!DOCTYPE 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>
    <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>
  • Sección 1
  • Sección 2
  • Sección 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 language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>


    El codigo del estililo-general-css es este
    * {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 0px 10px ; text-indent: 15px}
    #menu {background-color: lorange ; 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 ; padding-top:12px ; background-image: url(objetos/menu-parte-superior.gif) }
    #pie { 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 {background-color: brown ; float:left ; width:150px ; background-color: white}
    #piedos {background-color: whith ; float:left ; width:498px }
    #pietres {background-color: red ; float:left ; width:150px ; background-color: white}
    #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 {}


    El archivo del index.html es este
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Page Principal del Ejemplo CCTV</title>
    <link rel="stylesheet" href="estilos.css" type="text/css" media= "all"
    </head>
    <body>
    <p class="centrado"> Bienvenidos a mi página web. Muy pronto estará lista!</p>


    [contenido no disponible]</p>


    Pagina creada gracias a CCTV</p>
    Click para escribirme


    [correo eliminado]</p>
    </body>
    </html>


    Espero me puedan ayudar, y de ante mano Gracias por contestar y por su ayuda que es tan especial. :D Hasta luego y saludos a todos. 8)

    • Veo que si no es un error del mensaje, usted no tiene puesto en su página el principio del body, debiera de tenerlo después del cierre de </head> y antes del div global
    Así debiera de tenerlo
    </head>
    <body onload="init();"> Esto es lo que le falta parece ser
    <div id="global">
    Saludos
    Agradecido de los que aprenden enseñando
    Juan Eduardo González R. · · Solicitar retirada
    Gusto saludarlos queridos amigos :lol: .

    Apreciado Raúl... y los demás, con las indicaciones que dió nuestra compañera Yaneth, respecto de cambiarle el nombre al archivo no-tocar-txt, por transmenuC.txt, se solucionó lo del menú; ahora, ella lo recomendó para el Opera, pero yo lo apliqué en general y así logré que apareciera el menú también en el Explorer, hube también de modificar los codigos en el archivo mencionado para que funcionara, específicamente en esa parte del archivo que pone "configuration properties" con respecto a la carpeta objetos. Así solucioné el hecho de que el menú no apareciera en el Internet Explorer 7.0

    Perdona Raúl... por no haber contestado antes pero el foro está muy extenso y soy poco hábil para encontrar los temas y dispongo de poco tiempo. Como siempre a tí y a los demás les quedo muy agradecido :D
    ¡¡Entre más viejo no te haces más sabio, sólo más lento!!
    Raulyure · · Solicitar retirada
    Juan Eduardo González R. escribió:Gusto saludarlos queridos amigos :lol: .

    Apreciado Raúl... y los demás, con las indicaciones que dió nuestra compañera Yaneth, respecto de cambiarle el nombre al archivo no-tocar-txt, por transmenuC.txt, se solucionó lo del menú; ahora, ella lo recomendó para el Opera, pero yo lo apliqué en general y así logré que apareciera el menú también en el Explorer, hube también de modificar los codigos en el archivo mencionado para que funcionara, específicamente en esa parte del archivo que pone "configuration properties" con respecto a la carpeta objetos. Así solucioné el hecho de que el menú no apareciera en el Internet Explorer 7.0

    Perdona Raúl... por no haber contestado antes pero el foro está muy extenso y soy poco hábil para encontrar los temas y dispongo de poco tiempo. Como siempre a tí y a los demás les quedo muy agradecido :D

    No hay que preocuparse mucho por esas cosas , ya que a mi muchas veces también me cuesta encontrar los mensajes, (se necesitan horas para verlos todos) y muchas veces el tiempo no es tan elástico, en todo caso la que dice es una buena solución para los desplegables, ya que normalmente hay que estar poníéndose al día constantemente por los cambios que hacen los navegadores para tratar de cumplir en la medida de lo posible con los standar.
    Saludos