problemas con el menu

Tengo el ploblema en la leccion 2 que no soy capaz de quitar los puntos de los enlaces y que no varia las posiciones aunque las cambie, ademas de que me aparece el texto de "este es el pie de pagina " en azul.
Una dudu que tengo es que no se si hay que poner las caracteristicas del menu. para dejarlo mas claro pongo las lineas que he escrito en tolas las carpetas.

CARPETA "estilo-general.css
* {margin:0px ; padding:0px ; border: 0px}
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 li {list-style:none ; margin: 4px 0px 4px 6px}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
#pie {background-color: brown }

CARPETA: "estilo.css"
body {background-color: #E6E6FA ; background-image: url(objetos/fondo5.bmp) ; background-position: center center ; background-repeat: no-repeat ; height:100%; }
img {border-style: none}
.centrado {text-align:center}

CARPETA: "index.html"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Pagina Principal del Ejemplo CCTW</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>

<p class="centrado"> Bienvenidos a mi página web. Muy pronto estará lista!</p>


[contenido no disponible]</p>


Página creada gracias a CCTW</p>
[correo eliminado]


[correo eliminado]</p>
</body>
</html>

CARPETA: "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 Navegación</div>
<div id="contenido">Esta será la zona principal de la web</div>
<div id="menu">menu</div
<ul>
  • <a href="#">Enlace 1
  • <a href="#">Enlace 2
  • <a href="#">Enlace 2
    <div id="pie">Este es el pié de página</div>
    </div>
    </body>
    </html>

    Muchas gracias
  • Hola

    mira aqui

    <div id="contenido">Esta será la zona principal de la web</div>
    <div id="menu">menu</div
    <ul>
  • <a href="#">Enlace 1
  • <a href="#">Enlace 2
  • <a href="#">Enlace 2

    en rojo.... cerraste la div contenido, pero dejaste fuera el menu

    en azul, hiciste lo mismo cerraste el menu, antes de poner los enlaces

    deberias tenerlo asi

    <div id="contenido">Esta será la zona principal de la web
    <div id="menu">menu
    <ul>
  • <a href="#">Enlace 1
  • <a href="#">Enlace 2
  • <a href="#">Enlace 2
    </div>
    </div>

    saludos
  • Muchas gracias por la contestación. He solucionado lo del menú y lo de los puntos, pero sigo teniendo problemas con el color de las letras del pié de página que siguen saliendo en azul. :oops:

    Te mando lo que he hecho para que, si puedes, me digas donde están los errores.

    La verdad es que me estoy desilusionando, por que veo que es mas difícil de lo que parecía al principio. No entiendo como te dicen por hay que hacer un Web es fácil.

    CARPETA: 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 Navegación</div>
    <div id="contenido">Esta será la zona principal de la web
    <div id="menu">menu
    <ul>
  • <a href="#">Enlace 1
  • <a href="#">Enlace 2
  • <a href="#">Enlace 2
    </div>
    </div>
    <div id="pie">Este es el pié de página
    </div>
    </div>
    </body>
    </html>

    Muchisimas gracias.
  • Hola, primero fiajte de tener en el estilo #pie el color que quieras para la letra y segundo no agregasta las etiquetas
    <div id="pie">

    Este es el pié de página</p>
    </div>