Entrar

¡ Problema en "Reparando el fallo del menu" !

Daanii Gaamee · · Solicitar retirada
Oigan a todos necesito ayuda...

en reparar el fallo del menu

(en la segunda leccion, Estilos para listas)

le agrego el codigo:
#contenido {background-color: orange ; width: 800px ; float:left} para arreglar el desacomodamiento del menu y me sale igual, enseñenme las imagenes de como queda el "estilo-general.css", la plantilla.html y la vista previa de la "plantilla.html"

porfa ayudenme.

Asi queda mi estilo-general.css y mi plantilla:

Estilo-general.css:

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

Plantilla:

</head>
<body>
<body id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">menu</div>
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

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

    </body>
    </html>

    Vista previa; plantilla:

    http://img8.imageshack.us/img8/9791/69862203.jpg
    • peugeot · · Solicitar retirada
    Hola,

    ante todo, bienvenido al foro!!! Mucho mejor sería que subieras tus códigos html y css para que te podamos ayudar mejor.

    saludos, :wink:
    ATRÉVETE A VIVIR SIN VIOLENCIA
    Raulyure · · Solicitar retirada
    Hola:
    Así como le han dicho
    Es bueno que ponga usted todos los códigos tanto los de su página plantilla como los de su hoja de estilo, y no un extracto de ellos porque el problema puede estar en cualquier parte, a menos que usted en su plantilla tenga únicamente lo que ha puesto en el spot (o mensaje).

    En todo caso como dato informativo le diré que seguramente tiene unos pequeños errores en cerrar una capa, en el nombre de una capa etc.

    La capa menu debe cerrarla (</div>) después de haber colocado la lista, ya que la lista va dentro de la capa menu

    </head>
    <body>
    <body id="global">
    <div id="cabecera">Bienvenidos a mi Web</div>
    <div id="navegacion">Barra de Navegación</div>
    <div id="contenido">
    <div id="menu">menu</div> Este cierre no va acá
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

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

    </body>
    </html>

    Fuera de eso usted tiene .también en su pagina plantilla escrito esto
    <body id="global">

    debiera de ser así:

    <div id="global">

    Luego parece ser que usted cierra dos veces el body

    </body> Pues este no debiera de existir

    </body>
    </html>

    Resumiendo, usted debiera tener los códigos de su pagina plantilla mas o menos así:
    ..................
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <title>Mi pagina</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">
    <div id="menu">menu
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    </div>
    Esta será la zona principal de la web


    bla bla bla bla bla bla bla bla</p></div>
    <div id="pie">Este es el pié de página</div>
    </body>
    </html>


    Después que los tenga así, se pueden ver otros problemas

    Saludos
    • Agradecido de los que aprenden enseñando
    peugeot · · Solicitar retirada
    Hola,

    como dice el compañero Raúl, fíjate bien en tus codigos html. Tienes mal posicionado la etiqueta de cierre del menú:

    <div id="menu">menu</div>
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3


    debe de ser:

    <div id="menu">menu
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    </div>

    Otro detalle que quizás ahora no te acarrea problemas pero mañana pueda que sí: la capa global va entre las etiquetas <div> y no <body>

    Solo es eso, saludos. :wink:
    • ATRÉVETE A VIVIR SIN VIOLENCIA
    Raulyure · · Solicitar retirada
    Bueno, asi como le han dicho hay una cosa que se ha pasado por alto, así que le dejo los códigos como debiera de tenerlos en su página

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

    <html>
    <head>
    <title>Mi pagina</title>
    <link rel="stylesheet" href="estilo-general.css"type="text/css"
    media="all">
    </head>

    <body>
    <div id="global"> (Esto abre la capa global)
    <div id="cabecera">Bienvenidos a mi Web</div>
    <div id="navegacion">Barra de Navegación</div>
    <div id="contenido">
    <div id="menu">menu
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    </div>
    Esta será la zona principal de la web


    bla bla bla bla bla bla bla bla</p></div>
    <div id="pie">Este es el pié de página</div>
    </div> (Esto cierra la capa global)
    </body>
    </html>

    Saludos