Tengo problemas con el menu

Bueno, primero de todo quiero agradecer a CCTW porqee estoi aprendiendo mucho, y la verdad qe los felicito.
Ahora vamos al tema, por el cual estoi escribiendo esto.
Empeze a hacer la plantilla, i venia todo bien pero cuando vi el ejemplo ( http://www.comocreartuweb.com/html-kit-tutorial/ejemplos/plantilla-… ) me di cuenta qe no me qeda haci, los enlace me qedan en letra grande i no me qeda sobre la izqierda
i a mi me qeda mal, aqui les dejo lo qe tengo en la hoja de estilo y html , i esperar aver si ustedes me pueden ayudar. Desde ya muchas gracias.

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">
<div id="menu">
<ul>
  • Elemento 1
  • Elemento 2
  • Elemento 3

    </div>
    Esta será la zona principal de la web
    <div id="pie">Este es el pié de página</div>
    </div>

    </body>
    </html>

    Hoja de estilo:

    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 ; text-align:left }
    #menu li {list-style:none ; margin: 4px 0px 4px 6px}
    a {color: blue; font-size:1.3em ; text-decoration: none}
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration: underline ; background-color: silver}
    a:active {}
    #pie {background-color: brown}
  • serranor escribió:Bueno, primero de todo quiero agradecer a CCTW porqee estoi aprendiendo mucho, y la verdad qe los felicito.
    Ahora vamos al tema, por el cual estoi escribiendo esto.
    Empeze a hacer la plantilla, i venia todo bien pero cuando vi el ejemplo ( http://www.comocreartuweb.com/html-kit-tutorial/ejemplos/plantilla-… ) me di cuenta qe no me qeda haci, los enlace me qedan en letra grande i no me qeda sobre la izqierda
    i a mi me qeda mal, aqui les dejo lo qe tengo en la hoja de estilo y html , i esperar aver si ustedes me pueden ayudar. Desde ya muchas gracias.

    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">
    <div id="menu">
    <ul>
  • Elemento 1
  • Elemento 2
  • Elemento 3

    </div>
    Esta será la zona principal de la web
    <div id="pie">Este es el pié de página</div>
    </div>

    </body>
    </html>

    Hoja de estilo:

    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 ; text-align:left }
    #menu li {list-style:none ; margin: 4px 0px 4px 6px}
    a {color: blue; font-size:1.3em ; text-decoration: none}
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration: underline ; background-color: silver}
    a:active {}
    #pie {background-color: brown}

  • Hola:
    Me atrevería a decir que parece ser que en principio usted no cerró la capa contenido, cuando la cierre correctamente nos dirá si ya se arregló su problema o no.
    acá le dejo más o menos el como debiera de tener sus códigos en la página.

    <!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">
    <div id="menu">
    <ul>
  • Elemento 1
  • Elemento 2
  • Elemento 3

    </div>
    Esta será la zona principal de la web
    </div>
    <div id="pie">Este es el pié de página</div>
    </div>

    </body>
    </html>

    Saludos y le recomiendo por ahora no utilizar en su página los acentos ni las eñes hasta no llegar a la parte en que se explica la manera de utilizarlos.