Entrar

Problemas con reparar el fallo del menú

Angelapv · · Solicitar retirada
Hola, gracias por colaborarme con mi problema.

Cuando le coloqué a la capa "contenido" los demás elementos del código para que el menú no se salga por debajo de la pag web y al darle vista previa, el menú continuó saliéndose y además se ubicó en la parte dereha de la página.

plantilla.html

<!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">
</head>
<body>
<div id="global"
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">Esta será la zona principal de la web</div>
<div id="menu">
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    </div>
    Esta será la zona principal de la web
    </div>
    <div id="pie">Este es el pié de página</div>
    </body>
    </html>

    estilos-general.css

    body {text-align: center}
    #global {width:800px ; margin: 4px auto}
    #cabecera {background-color: pink}
    #navegacion {background-color: gray}
    #contenido {background-color: orange ; width: 800px ; float:left}
    #menu {background-color: yellow ; width: 150px ; float: left}
    #pie {background-color: brown}

    Agradezco la atención prestada.
    • Angela Pabón
    methodman008 · · Solicitar retirada
    tienes que cerrar la cap div global hasta abajo

    <html>
    <head>
    <title>Page title</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    </head>
    <body>
    <div id="global"
    <div id="cabecera">Bienvenidos a mi Web</div>
    <div id="navegacion">Barra de Navegación</div>
    <div id="contenido">Esta será la zona principal de la web</div>
    <div id="menu">
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    </div>
    Esta será la zona principal de la web
    <div id="pie">Este es el pié de página</div>
    </div>
    </body>
    </html>
    • Angelapv · · Solicitar retirada
    Hola q tal, gracias por tu aporte, seguí tu consejo pero continúo el problema, que estés bien.
    Angela Pabón
    Raulyure · · Solicitar retirada
    Angelapv escribió:Hola, gracias por colaborarme con mi problema.

    .

    Hola:
    Creo que en los códigos que usted nos muestra hay algunos prqueños detalles que rectificar.

    Por ejemplo, esta línea de códigos en su página, si se da cuenta, usted abre la capa contenido, escribe una frase, y luego cierra la capa contenido, lo que sucede es que la capa menu tiene que ir dentro de la capa contenido.

    Otro detalle es cuando pone este código en su página:
    <div id="global"
    Pues creo debiera de ser de esta manera <div id="global"
    >.

    El otro detalle es el de cerrar la capa global como le indicaron en el anterior mensaje

    Resumiendo:
    Yo lo que haría sería poner los códigos de la siguiente forma:

    <!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">
    </head>
    <body>
    <div id="global">
    <div id="cabecera">Bienvenidos a mi Web</div>
    <div id="navegacion">Barra de Navegacion</div>
    <div id="contenido">
    <div id="menu">
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    </div>
    Esta sera la zona principal de la web

    </div>
    <div id="pie">Este es el pie de pagina</div>
    </div>
    </body>
    </html>

    Luego de esto, ya irá viendo (avanzando en el curso, como se van solucionando teóricos problemas).
    Aunque por ahora le recomiendo, (solo por ahora, hasta una par de lecciones más adelante) no le ponga acentos ni eñes a los textos que escribe en su página.

    Saludos
    • Agradecido de los que aprenden enseñando
    Angelapv · · Solicitar retirada
    ok muchas gracias ya solucioné el problema, solo me faltaba cerrar el código del div "global" gracias por su aporte fue de gran ayuda.