Con respecto al menu li del curso no entiendo plz ayuda

Buenas soy novato en esto de web master pero estoy aprendiendo con el curso de jorgens voy en la segunda leccion no se que pasa en la parte del menu li coloco lo que me dicen alli pero no aparece nada en el estilo general esto es lo que llevo:

body {text-align: center}
* {margin:0px ; padding:0px ; border: 0px}
#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 li {list-style:none ; margin: 4px 0px 4px 6px}
#menu {background-color: yellow; width: 150px ; float:left ; text-align:left }


y en el index esto:

<DOCTYPE>

<html>
<head>
<title>Page title</title>
<link>
</head>
<body>

<div>
<div>Bienvenidos a mi Web</div>
<div>Barra de navegacion</div>
<div>
<div>menu</div>
<ul>
  • <a>Enlace 1</a>
  • <a>Enlace 2</a>
  • <a>Enlace 3</a>


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

    <div>Este es el pie de la pagina</div>
    </div>

    </body>
    </html>

    Si alguien me podria decir si tengo algun error con mucho gusto le agradecere hastas luego :(
  • Necesitas vincular los distintos apartados de tu pagina a su referencia en la hoja de estilos, en este caso seria junto a div o lo que sea deberias de poner id="sureferenciaenlahoja", aqui te pongo el codigo corregido, por favor si me equivoco decidmelo jeje :

    Por cierto tambien necesitas relacionar el html con la hoja mediante <link rel="stylesheet" href="comosellametuhoja.css" type="text/css" media="all"> entre <head> y </head>

    <html>
    <head>
    <title>Page title</title>
    <link rel="stylesheet" href="comosellametuhoja.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">menu</div>
    <ul id="menu li">
  • <a>Enlace 1</a>
  • <a>Enlace 2</a>
  • <a>Enlace 3</a>


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

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

    </body>
    </html>



  • Repito que creo que es asi, si me ekivoko corregidme jeje hago lo que puedo :roll:


    Espero que te sea de ayuda, saludos.
    Eso me sirve muchas gracias pero creo que el problema esta en la hoja de estilos revisala plz me serviria de mucho
    SpitFireVe cuando escribes el codigo html en el foro, tienes que marcar la casilla "DESHABILITAR HTML EN ESTE MENSAJE" que aparece cuando escribes un nuevo mensaje.

    porque si no, se come parte del codigo, fijate y veras.
    Salamarina lleva razon, vuelve a hacerlo todo dandole al boton de deshabilitar html y si a todo eso le das a quote se vera mejor todavia.
    :) es verdad muchas gracias

    <!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">menu</div>
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3


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

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

    </body>
    </html>

    body {text-align: center}
    * {margin:0px ; padding:0px ; border: 0px}
    #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 li {list-style:none ; margin: 4px 0px 4px 6px}
    #menu {background-color: yellow; width: 150px ; float:left ; text-align:left }
  • ups, vale, que lo que no te funiona es el menu solamente, el resto se ve con los colores y todo no?
    entonces es lo que dice antiyankis
    Ya lo comprobe y nada creo que tengo algo mal en la hoja de estilo:

    body {text-align: center}
    * {margin:0px ; padding:0px ; border: 0px}
    #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 li {list-style:none ; margin: 4px 0px 4px 6px}
    #menu {background-color: yellow; width: 150px ; float:left ; text-align:left }
    hola

    creo recordar que había que poner todos los
  • en linea juno a <ul>

    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    checalo y nos avisas


    saludos
  • Solo tienes que cambiar la etiqueta de cierrte de id="menu" y tienes que quitar la que tenia

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

    </div>
  • jaja me adelante por dos minutos!! jejeje :o

    Luego que digan que no somos rapidos contestando jeje
    lo de poner en linea o no... yo siempre lo pongo separado, me resulta mas facil verlo. pero segun tengo entendido eso no afecta, es como si en el codigo escribes:
    una cosa
    y otra cosa


    luego en la vision general va a salir asi:
    una cosa y otra cosa

    porque da igual como lo pongas en el codigo... habria que poner el br/