ayuda con la planilla!!!!!

bueno es que en mi computadora no se puede ver la plantilla cuando le pìco a display no sale el color de fondo ni los menus ni nada de na y no se ponen los bordes

asi tengo mi plantilla

<!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">
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div>
    <h1>Esta sera la zona principal de mi Web.</h1>


    Este es mi segundo párrafo.
    Acabo de poner un punto y en cambio sigue siendo un párrafo,
    pues no le he colocado aún la etiqueta de cierre.
    Voy a ponersela justo aquí.</p>
    <h2>Y este es el tercer párrafo.</h2


    En pocas lecciones aprenderé a darle margenes para separarlos unos de otros,
    e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>


    Anda, fijate! Salen todos centrados, que cosa.
    Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados.
    Así esto parece una poesia! je je je.</p>
    </div>
    <div id="pie">Este sera el pie de pagina.</div>
    </div>


    </body>
    </html>

    y asi mi oja de estilos-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 ; border-left: black 1px solid
    ; border-right: black 1px solid}
    #menu {background-color: yellow ; width:150px ; float:left
    ; text-align: left ; margin: 3px 10px 3px 3px}
    #pie {background-color: brown}
    #menu li {list-style: none ; margin: 4px 0px 4px 6px}
    a {color: blue ; front-size:1.3em ; text-decoration: none}
    a {color: brown ; text-decoration: none ; display: block}
    a:link {}
    a:visited {}
    a:hover {color: red ; text-decoration: underline ;background-color: silver}
    a:active {}
    p {text-align: justify}
    #contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
    h1 {front-size: 1.2em ; color: blue ; front-weight: bold
    ; text-decoration: underline ; text-align: center}
    h2 {front-size: 1.1em ; color: blue ; front-weight: bold
    ; text-decoration: none ; text-align: center}

    muchas gracias de antemano :D
  • A qué te refieres con cuando picas a display?
    La tienes ya subida a internet?

    Saludos :wink:
    Entonces, nos podrias pasar la url?

    Porque no entiendo muy bien tu problema a ver a que te refieres :wink:

    Saludos :wink:
    no no es k en la pagina sale bien lo k pasa es k cuando le pongo en
    html-kit no sale el color de fondo en preview, en la plantilla.
    y mi url es raul-pandoo.mywebcommunity.org/plantilla.html
    Hola, eso es un fallo del Htlm-kit , al hacer vista previa de lo que tienes en la carpeta azul no se ve bien, mas bien se ve todo descuadrado, sin imagenes,etc, pero si la vista previa la haces de lo que tienes en la carpeta amarilla se ve perfecto, lo dicho, si es a esto a lo que te refieres, es normal, lo que hacemos es trabajar con la amarilla (para ver como van quedando los cambios) y cuando están bien los subimos al Hosting ( a la carpeta azul). Un saludo.