no me a quedado igual la platilla html

voi en la leccion segunda sector enlace con fondo al compararlo con elmio no es nada igual xD
mi estilo-general.css estaasi

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: 04px 0px 0px 0px}
#pie {background-color: brown }

a {color: blue; font-size:1.3em ; text-decoration: none}
a {color: brown ; text-decoration: none}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
a {color: brown ; text-decoration:none ; display: block }


mi 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 empresas fourniel</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>
  • conoscanos
  • instalaciones
  • servicios
  • historia
    </div>
    esta sera la zona principal de la web
    </div>
    <div id="pie">Este es el pié de página</div>

    </body>
    </html>


    agradeceria me dijeran en ke parte estoy mal iakenesesito sakar esta web lo mas antes posible


    de antemano muchas gracias al equipo de cctw


    atte luis
  • krisalith escribió:voi en la leccion segunda sector enlace con fondo al compararlo con elmio no es nada igual xD
    mi estilo-general.css estaasi

    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: 04px 0px 0px 0px}
    #pie {background-color: brown }

    a {color: blue; font-size:1.3em ; text-decoration: none}
    a {color: brown ; text-decoration: none}
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}
    a {color: brown ; text-decoration:none ; display: block }


    mi 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 empresas fourniel</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>
  • conoscanos
  • instalaciones
  • servicios
  • historia
    </div>
    esta sera la zona principal de la web
    </div>
    <div id="pie">Este es el pié de página</div>

    </body>
    </html>


    agradeceria me dijeran en ke parte estoy mal iakenesesito sakar esta web lo mas antes posible


    de antemano muchas gracias al equipo de cctw


    atte luis

  • Hola:
    Creo que usted se ha confundido un poco al cerrar algunas capas.
    Según el curso, dentro de la capa contenido va una capa que se llama menu, pero usted ha cerrado la capa contenido mucho antes.
    Si usted abre la capa contenido, por ejemplo.
    <div id="contenido"> antes de cerrarla debe meter todo lo que va dentro de esa capa contenido, cuando haya metido la capa menu y lo que escriba, entonces usted puede cerrar la capa contenido, y creo que lo mismo le sucede con la capa menu, dentro de la capa menu tiene que ir una lista de enlaces, pero usted ha cerrado la capa menu antes de poner esa lista, lo que debiera de haber hecho es lo mismo que con la capa contenido, abrir la capa menu, poner el titulo y poner la lista, y después cerrar la capa menu, y después que ha cerrado la capa menu entonces escribe el título que irá en la capa contenido, y a continuación los parrafos, y digo los párrafos porque tiene que darle mas texto a esa capa contenido para que coja las medidas, porque si le pone poco texto, entonces la capa contenido tendrá menos altura que la capa menu, fuera de que se le irá casi completamente a la izquierda.

    Esto es mas o menos como debiera de tener los códigos en su 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 empresas fourniel</div>
    <div id="navegacion">Barra de Navegación</div>
    <div id="contenido">
    <div id="menu"><h1>menu</h1>
    <ul>
  • conoscanos
  • instalaciones
  • servicios
  • historia
    </div>
    <h1> Esta sera la zona principal de la web</h1>


    Este es mi primer párrafo etc. etc. etc. etc. etc. etc. etc. etc.etc. etc. etc. etc. etc.</p>


    Este es mi segundo párrafo etc. etc. etc. etc. etc. etc. etc. etc. etc. etc. etc. etc. etc.</p>


    Este es mi tercer párrafo etc. etc. etc. etc. etc. etc. etc. etc. etc. etc. etc. etc. etc. </p>
    </div>
    <div id="pie">Este es el pié de página</div>
    </div>
    </body>
    </html>

    Ahora en su hoja de estilo hay algunas cosas que le sobran, creo que debiera de tenerlas mas o menos así:

    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}

    Ya nos dirá
    Saludos