Entrar

Desplegables de Seccion 1 fuera de página

Raulyure · · Solicitar retirada
Hola a todos: Ciertamente he tenido problemas con algunas cosas, pero leyendo preguntas y respuestas en los foros creo haber solucionado casi todo lo de la página. Sin embargo, no he encontrado por ahora (y he leído casi todo en los foros) solución al desplegable de la sección 1, sencillamente cuando pongo el ratón en sección 1 en navegación, me aparece el desplegable con IE fuera de la página, (por debajo de pie, al centro y con las subsecciones), y con Firefox me aparece también abajo de pie pero a la izquierda (también fuera de la página) pero solamente las secciones 1,2 3.
Si fuese posible me dieseis alguna idea de como tratar de solucionar ese desface del desplegable, he probado subiendo varias veces todos los archivos por si se arreglaba pero no hay forma.
http//generacion.mypressonline.com
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.2em;color:blue;font-weight:bold;text-decoration:underline;text-align:center}
body{text-align:center}
#global{width:800px;margin:4px auto}
#curva-superior{background-image:url(objetos/curva-superior.gif.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:160px}
#contenido {background-color:orange;width:auto;border-left: 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-curva-inferior.gif);background-position:bottom;padding-bottom:5px}
#menu h1{text-decoration:none;font-size:12px;padding-top:12px;background-image:url(objetos/menu-curva-superior.gif)}
#menu li{list-style:none;margin:4px 8px 4px 6px}
#pie{background-color:white;
border-left:black 1px solid;
border-right:black 1px solid;
border-top:black 1px solid;
height:60px;}
#curva-inferior{background-image:url(objetos/curva-inferior.gif);
background-repeat:no-repeat;
width:800px;
height:12px;
overflow:hidden}
#pie li{list-style:none;font-size:12px}
#pieuno{background-color:white;float:left;width:150px}
#piedos{background-color:white;float:left;width:498px}
#pietres{background-color:white;float:left;width:150px}
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:undeline;background-color:yellow}
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link{}
#logotipo a:visited{}
#logotipo a:hover{background-color:white}
#logotipo a:active{}



plantilla.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>La gente y su gente</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
<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></p>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>

<div id="navegacion">
<ul>
  • Sección 1
  • Sección 2
  • Sección 3
  • Sección 4

    </div>
    <div id="contenido">
    <div id="menu">
    <ul>
    <h1>Título de Sección 1</h1>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4

    </div>
    <h1>Generación que no quiere aprender</h1>


    En ésta web, es posible que lo que encuentre no sea de su agrado. Aquí no se vende. Aquí no se ofrece ganar. Por tanto. ¡No se moleste en venir aquí</p>

    No entiendo aún el porqué, todo el que diseña una página web, lo hace para vender algo, lo que sea, sus ideas, su trabajo, incluso algunos se atreven a querer vender hasta sus sentimientos,
    es tal la magnitud del querer vender, que llegan a perder toda concepción del respeto, no solo hacia los demás sino que hacia ellos mismos.</p>
    <h2>La gente</h2>

    He conocido gente de toda clase, millonarios que van al bar y saludan a todos, y hablan con todos, luego escucho los comentarios de lo "sencilla" que es esa persona, y yo digo: Cualquiera que es millonario
    puede darse el lujo de ser humilde, de ser sencillo</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>
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>
    Disculpad de antemano lo extenso de mi pregunta y os agradezco vuestro interés.
    • Agradecido de los que aprenden enseñando
    marcouam · · Solicitar retirada
    TU HOJA DE ESTILOS ESTA EN ORDEN, EN LA PLANTILLA TIENES ALGUNOS ERRORES QUE TE PUSE YA , ALGUNAS COSAS NO ESTAN EN ORDEN PERO NO CREO QUE AFECTE ESO, LO QUE TIENES ES UN PROBLEMA CON LOS SCRIPTS YO TENIA ERRORES SIMILARES PERO ESO SE VE EN LAS HOJAS QUE TE BAJASTE DE LSO SCRIPTS TE MARCA ERROR POR ALGO QUE TE HAYA FALTADO O SOBRADO, Y FIJATE SI PUSISTE LAS IMAGENGES Y DOCUMENTOS DONDE DEBEN

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <body onload="init () ;"> VA AKI
    <title>La gente y su gente</title>
    <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
    <link rel="stylesheet" href="estilo-general.css"type="text/css"
    media="all">
    <link rel="stylesheet" href"AKI VA UN = 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();"> AKI NO VA ESTO Y FALTA LA ETIQUETA DEL BODY
    <body>
    <div id="global">
    <div id="curva-superior"></div>
    <div id="cabecera">
    <div id="logotipo"><a href="index.html">
    [contenido no disponible]
    <a/>
    </div></p>
    <div id="publicidad">Bienvenidos a mi Web</div>
    </div>

    <div id="navegacion">
    <ul>
  • Sección 1
  • Sección 2
  • Sección 3
  • Sección 4

    </div>
    <div id="contenido">
    <div id="menu">
    <ul>
    <h1>Título de Sección 1</h1>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4

    </div>
    <h1>Generación que no quiere aprender</h1>


    En ésta web, es posible que lo que encuentre no sea de su agrado. Aquí no se vende. Aquí no se ofrece ganar. Por tanto. ¡No se moleste en venir aquí</p>

    No entiendo aún el porqué, todo el que diseña una página web, lo hace para vender algo, lo que sea, sus ideas, su trabajo, incluso algunos se atreven a querer vender hasta sus sentimientos,
    es tal la magnitud del querer vender, que llegan a perder toda concepción del respeto, no solo hacia los demás sino que hacia ellos mismos.</p>
    <h2>La gente</h2>

    He conocido gente de toda clase, millonarios que van al bar y saludan a todos, y hablan con todos, luego escucho los comentarios de lo "sencilla" que es esa persona, y yo digo: Cualquiera que es millonario
    puede darse el lujo de ser humilde, de ser sencillo</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>
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>
    • Raulyure · · Solicitar retirada
    marcouam escribió:TU HOJA DE ESTILOS ESTA EN ORDEN, EN LA PLANTILLA TIENES ALGUNOS ERRORES QUE TE PUSE YA , ALGUNAS COSAS NO ESTAN EN ORDEN PERO NO CREO QUE AFECTE ESO, LO QUE TIENES ES UN PROBLEMA CON LOS SCRIPTS YO TENIA ERRORES SIMILARES PERO ESO SE VE EN LAS HOJAS QUE TE BAJASTE DE LSO SCRIPTS TE MARCA ERROR POR ALGO QUE TE HAYA FALTADO O SOBRADO, Y FIJATE SI PUSISTE LAS IMAGENGES Y DOCUMENTOS DONDE DEBEN

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <body onload="init () ;"> VA AKI
    <title>La gente y su gente</title>
    <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
    <link rel="stylesheet" href="estilo-general.css"type="text/css"
    media="all">
    <link rel="stylesheet" href"AKI VA UN = 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();"> AKI NO VA ESTO Y FALTA LA ETIQUETA DEL BODY
    <body>
    <div id="global">
    <div id="curva-superior"></div>
    <div id="cabecera">
    <div id="logotipo"><a href="index.html">
    [contenido no disponible]
    <a/>
    </div></p>
    <div id="publicidad">Bienvenidos a mi Web</div>
    </div>

    <div id="navegacion">
    <ul>
  • Sección 1
  • Sección 2
  • Sección 3
  • Sección 4

    </div>
    <div id="contenido">
    <div id="menu">
    <ul>
    <h1>Título de Sección 1</h1>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4

    </div>
    <h1>Generación que no quiere aprender</h1>


    En ésta web, es posible que lo que encuentre no sea de su agrado. Aquí no se vende. Aquí no se ofrece ganar. Por tanto. ¡No se moleste en venir aquí</p>

    No entiendo aún el porqué, todo el que diseña una página web, lo hace para vender algo, lo que sea, sus ideas, su trabajo, incluso algunos se atreven a querer vender hasta sus sentimientos,
    es tal la magnitud del querer vender, que llegan a perder toda concepción del respeto, no solo hacia los demás sino que hacia ellos mismos.</p>
    <h2>La gente</h2>

    He conocido gente de toda clase, millonarios que van al bar y saludan a todos, y hablan con todos, luego escucho los comentarios de lo "sencilla" que es esa persona, y yo digo: Cualquiera que es millonario
    puede darse el lujo de ser humilde, de ser sencillo</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>
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>
    • marcouam, te agradezco enormemente tu rápida respuesta, es que de tanto mover, poner códigos y las tres horas tratando de ver cual era el error, y como un cabezota leyendo y releyendo los códigos, comparándolos con otras páginas que se suponían estaban bien , vienes tú y me dices que le falta el signo "igual" a la línea del estilo menu desplegable ¡Qué ciego me puse y no lo veía! Así que le puse el famoso signo "igual" y por "arte de magia" ahora funciona. Lo que no comprendo, y perdona mi insistencia es porqué tengo que poner la línea body onload allí arriba donde pusiste "va aki", ya que yo la puse en <body>, quiero decir que no es que faltara el <body>, es que el onload init lo metí allí, te lo digo solo por que he visto otras páginas del curso y aparece como lo puse yo, a menos que tu me digas que eso puede generar errores futuros, y como te digo, en éste momento después de ponerle el signo "igual" que faltaba, el desplegable se abre normal en los dos navegadores, en IE se ve un poquito más oscuro pero yo creo que es debido a la propia configuración de colores que tiene el navegador. Si crees que debo poner esa línea del "body onload" donde tú me dices, por favor házmelo saber.
    De tanto escribir no recuerdo si te agradecí tu ayuda, pero por si no es así , te agradezco mucho tu respuesta.
    Agradecido de los que aprenden enseñando
    Yaneth · · Solicitar retirada
    Hola,

    el problema que había es esa falta del signo =

    lo del body, si está en su lugar, no hay que cambiarlo

    saludos
    :wink: :wink: :wink:
    Raulyure · · Solicitar retirada
    Yaneth escribió:Hola,

    el problema que había es esa falta del signo =

    lo del body, si está en su lugar, no hay que cambiarlo

    saludos
    :wink: :wink: :wink:
    Muchas gracias Yaneth por la aclaración, y ahora me pondré (espero hacerlo bien) a poner los otros desplegables, si lo fastidio, ya me veréis por acá otra vez.
    Gracias nuevamente.
    Ah, y estoy contentísimo con el curso, es buenísimo, mi enhorabuena a Jorgens, a ti y a los demás.