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. :(

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!

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!!

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:

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.