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.