MENU LISTA

Hola de nuevo, tengo problemas para alinear el menu en el curso de HTML-KIT y para quitar las viñetas segun mi codigo esta justo como en el curso explico aqui se los dejo quiza algo anda mal:

#menu{background-color:yellow; width:150px; float:left}
#menuli{list-style:none}

ayudenme porfavor. :(
ESTUDIANTE
Hola, amigo, Prueba a ponerlo asi:

#menu {background-color:yellow ; width:150px ; float:left}
#menu li {list-style:none}

Tienes que tener cuidado, un solo caracter equivocado hace fallar la linea entera.
Salu2
HOLA Auron..

Ya lo puse como me indicaste, tal cual. y aun no hay cambios, pongo el codigo de menu y de menu li y ademas voy a poner lo que hice dentro de plantilla.html, quiza ande por ahi el error. :)

#menu { background-color:yellow ; width:150px ; float:left}

#menu li{list-style:none}

<div id="menu">menu</div>
<lu id="menu li">
  • Elemento de la lista, 1</a>
  • Elemento de la lista, 2</a>
  • Elemento de la lista, 3</a>
    </lu>
    Esta será la zona principal de la web
    </div>

    Gracias!
  • ESTUDIANTE
    si ya la subiste a internet pasanos la url, si no pon todo tu codigo de html y css para poder ayudarte mejor,
    Me parece. Aqui tienes el codigo:

    Todo este codigo es de estilo-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}
    #menu li{list-style:none}
    #pie{background-color:brown}


    Este otro es lo que tengo dentro de 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 navegacion</div>
    <div id="contenido">
    <div id="menu">menu</div>
    <lu id="menu li">
  • Elemento de la lista, 1</a>
  • Elemento de la lista, 2</a>
  • Elemento de la lista, 3</a>
    </lu>
    Esta será la zona principal de la web
    </div>
    <div id="pie">Este es el pie de la pagina</div>
    </div>

    </body>
    </html>


  • Muchas gracias!!
    ESTUDIANTE
    ERIKITA escribió:Me parece. Aqui tienes el codigo:

    Todo este codigo es de estilo-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}
    #menu li{list-style:none}
    #pie{background-color:brown}


    Este otro es lo que tengo dentro de 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 navegacion</div>
    <div id="contenido">
    <div id="menu">menu</div>
    <lu id="menu li">
  • Elemento de la lista, 1</a>
  • Elemento de la lista, 2</a>
  • Elemento de la lista, 3</a>
    </lu>
    Esta será la zona principal de la web
    </div>
    <div id="pie">Este es el pie de la pagina</div>
    </div>

    </body>
    </html>


  • Muchas gracias!!

    bueno hay algunos problemas..
    lo primero esque no es LU sino que es <ul>y ul no tiene que tener un id.. y fijate que estas cerrando el div menu antes de que entren los enlaces.. elimina todo lo rojo

    #menu li viene del atributo LI dentro de el div menu. no tiene que estar en un id
    Ya quedo!.. ahora solo tengo una duda. Volvi a repasar ese tema y entendi que solo se agrego la palabra li a #menu. Pero no entendi porque razon ya no se le pone el id en el body como lo veniamos haciendo en las capas?.. :wink:
    ESTUDIANTE
    no hace falta ponerle un id a un li porque li es el propio id por eso se pone #menu li y #menu ul son las propias etiquetas el html no hace falta un id.