necesito ayuda

aqui les dejo mi plantilla para ver que tengo mal ,porque cuando hago una vista previa se ve mal.
esta la plantilla

<html>
<head>
<title>Pagina Principal del Ejemplo CCTW</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenido a mi Web </div>
<div id="navegacion">Barra de Navegacion</div>
<div id="contenido"><div id="menu">menu</div>
<ul>
  • Enlace 1 Elemento de lista, 1
  • Enlace 2 Elemento de lista, 2
  • Enlace 3 Elemento de lista, 3


    Esta sera la zona principal de la web
    </div>
    <div id="pie">Este es el pie de pagina</div>
    </div>
    </body>
    </html>


    y estilo general css es este

    #cabecera {background-color: pink }
    #navegacion {background-color: gray }
    #contenido {background-color: orange ; width: 800px ;float:left}
    #menu li{propiedades}
    #menu li{ list-style:none}
    #menu {background-color: yellow; width: 150px ; float:left }
    #pie {background-color: brown }
    #global {width:800px ; margin: 4px auto }

    creo que menu li propiedades y menu li list - style:none esta mal
  • La mas cordial perezosa
    perezosa escribió:aqui les dejo mi plantilla para ver que tengo mal ,porque cuando hago una vista previa se ve mal.
    esta la plantilla

    <html>
    <head>
    <title>Pagina Principal del Ejemplo CCTW</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    </head>
    <body>
    <div id="global">
    <div id="cabecera">Bienvenido a mi Web </div>
    <div id="navegacion">Barra de Navegacion</div>
    <div id="contenido">
    <div id="menu">menu</div>
    <ul>
  • Enlace 1 Elemento de lista, 1
  • Enlace 2 Elemento de lista, 2
  • Enlace 3 Elemento de lista, 3


    Esta sera la zona principal de la web
    </div>
    <div id="pie">Este es el pie de pagina</div>
    </div>
    </body>
    </html>


    y estilo general css es este

    #cabecera {background-color: pink }
    #navegacion {background-color: gray }
    #contenido {background-color: orange ; width: 800px ;float:left}
    #menu li{propiedades}
    #menu li{ list-style:none}
    #menu {background-color: yellow; width: 150px ; float:left }
    #pie {background-color: brown }
    #global {width:800px ; margin: 4px auto }

    creo que menu li propiedades y menu li list - style:none esta mal
  • Hola:
    Usted ha creado la capa menu en la página plantilla.html, y dentro de esa capa menu, ha puesto la palabra menu, y ha cerrado la capa con ese ....... </div> que se lo he puesto en color rojo , ..... <div id="menu">menu</div>

    y luego ha puesto los enlaces que se suponen tienen que ir dentro de esa capa menu. Pero como cerró esa capa menu, pues los enlaces se han quedado fuera

    Por tanto para ir arreglándo esto, le sugiero que ese cierre de etiqueta </div>, lo ponga al final del cierre de , cosa que le quede más o menos así:


    <html>
    <head>
    <title>Pagina Principal del Ejemplo CCTW</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    </head>
    <body>
    <div id="global">
    <div id="cabecera">Bienvenido a mi Web </div>
    <div id="navegacion">Barra de Navegacion</div>
    <div id="contenido">
    <div id="menu">menu
    <ul>
  • Enlace 1 Elemento de lista, 1
  • Enlace 2 Elemento de lista, 2
  • Enlace 3 Elemento de lista, 3

    </div>

    Esta sera la zona principal de la web
    </div>
    <div id="pie">Este es el pie de pagina</div>
    </div>
    </body>
    </html>

    Saludos
  • Agradecido de los que aprenden enseñando
  • Enlace 1 Elemento de lista, 1
  • Enlace 2 Elemento de lista, 2
  • Enlace 3 Elemento de lista, 3


    lo rojo tambien sobra