problema con la pagina en la web

Tengo todo subido al hosting, ya veo mi web en el explorador, pero en el htmlkit, cuando modifico algo en estilos no se me modifica en la plantilla no en intertnt
Guardo los cambios cuando hago algo en la carpeta de estilos, lo que pone en el curso, los bordes...pero esque no se ve el color de fondo de las divs siquiera.
He quitado las carpetas de estilos y estilos general y las he vuelto a subir haber si es ese el fallo, pero tampoco hace nada, no se que es lo que no se estara conectando que no me funciona.
Espero vuestra ayuda, gracias
codigos html: (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>
  • <a href= "#">Elemento de lista, 1<a>
  • <a href= "#">Elemento de lista, 2<a>
  • <a href= "#">Elemento de lista, 3<a>

    </div>
    <h1> Este es el titulo principal, haber si funciona</h1>
    [contenido no disponible]


    Esta sera la zona principal de la web</p>


    Esta es mi pagina web de prueba, estoy probando haber que sale de esto.
    No se si me saldra un churro o que, pero almenos que no se diga que no lo intento y pongo de mi parte.
    Haber si podemos crear una web chula para mi satisfaccion.</p>


    En el curso dicen que tengo que escribir aqui un gran parrafo y ya no se que mas poner, asique voy a ver si con esto es mas que suficiente.
    Espero que salga bien mi paginita.</p>


    Saludetes a todos nuestros lectores.</p>
    [contenido no disponible]


    Se despide la autora de todo ello, oye.</p></div>
    <div id="pie"> Este es el pie de la pagina</div>

    </body>
    </html>


    y los del css: (estilos general)
    * {margin:0px ; padding:0px ; border: 0px}
    h1{font-size:1.2em;color:blue;font-weight:bold;text-decoration:none;text-align:center}

    body{text-align:center}
    #global{width:800;margin:4px auto}
    #cabecera {background-color: pink }
    #navegacion{background-color:gray}
    #contenido{background-color:orange;width:800px;float:left}
    p{text-align: justify}
    #contenido p {padding: 5px 10px 5px 10px;text-indent: 20px}
    #menu{background-color:yellow;width:150px;float:left;text-align:left;margin:3px 10px 3px 3px}a{color:brown;text-decoration:none;margin-right:10px}
    #menu li{list-style:none;margin:4px 0px 4px 6px}
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited{}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active{}
    #pie{background-color:blue}


    y los de (estilos)

    body {background-color:#E8E8E8;
    background-image:url(objetos/fondo.jpg);
    background-repeat:no-repeat ;
    background-position: center bottom}
    img {border-style: none}
    .centrado {text-align:center}


    haber si encuentras el fallo, gracias
  • Cuando lees el curso te sugiero leer mejor el codigo y prestar atencion hasta el mas pequeno detalle. Ahi te dejo los errores corregidos.
    Compara las partes marcadas en los dos codigos, la proxima no me pondre a corregir errores, debes aprender a corregirte.

    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    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>
  • <a href="#">Elemento de lista, 1</a>
  • <a href="#">Elemento de lista, 2</a>
  • <a href="#">Elemento de lista, 3</a>

    </div>
    <h1> Este es el titulo principal, haber si funciona</h1>
    [contenido no disponible]


    Esta sera la zona principal de la web</p>


    Esta es mi pagina web de prueba, estoy probando haber que sale de esto.
    No se si me saldra un churro o que, pero almenos que no se diga que no lo intento y pongo de mi parte.
    Haber si podemos crear una web chula para mi satisfaccion.</p>


    En el curso dicen que tengo que escribir aqui un gran parrafo y ya no se que mas poner, asique voy a ver si con esto es mas que suficiente.
    Espero que salga bien mi paginita.</p>


    Saludetes a todos nuestros lectores.</p>
    [contenido no disponible]


    Se despide la autora de todo ello, oye.</p></div>
    <div id="pie"> Este es el pie de la pagina</div>
    </div>
    </body>
    </html>

    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Estilo General
    ///////////////////////////////////////////////////////////////////////////////////////////////////
    * {margin:0px ; padding:0px ; border: 0px}
    h1{font-size:1.2em;color:blue;font-weight:bold;text-decoration:none;text-align:center}

    body{text-align:center}
    #global{width:800;margin:4px auto}
    #cabecera {background-color: pink }
    #navegacion{background-color:gray}
    #contenido{background-color:orange;width:800px;float:left}
    p{text-align: justify}
    #contenido p {padding: 5px 10px 5px 10px;text-indent: 20px}
    #menu{background-color:yellow;width:150px;float:left;text-align:left;margin:3px 10px 3px 3px}
    a{color:brown;text-decoration:none;margin-right:10px}
    #menu li{list-style:none;margin:4px 0px 4px 6px}
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited{}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active{}
    #pie{background-color:blue}
  • He corregido algunas cosas que me marcas en rojo.
    Gracias por señalarme lo que estaba mal, aunque en algun renglon que me pones en rojo no se exactamente en que esta confundido, pues es igual al que tengo puesto, sera en los espacios ???
    ejemplo:

    MIO
    <link rel="stylesheet" href="estilo-general.css"type="text/css"media="all">

    #menu{background-color:yellow;width:150px;float:left;text-align:left;margin:3px 10px 3px 3px}
    a{color:brown;text-decoration:none;margin-right:10px}

    EL QUE ME PONES TU
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">

    #menu{background-color:yellow;width:150px;float:left;text-align:left;margin:3px 10px 3px 3px}
    a{color:brown;text-decoration:none;margin-right:10px}

    Por mas que le presto atencion y me fijo, no encuentro ninguna diferencia, haber si me puedes explicar que es lo diferente, te lo juro que no paro de mirar, los dos puntos, los puntos y comas y no lo veo.
    Lo que me comentas de fijarme mas, puede ser que lo tengo fotocopiado y al escribirlo mirando las fotocopias lo he escrito mal, tambien tengo bastantes interrupciones del peque de la casa que pide tambien mi atencion.
    Hago lo que puedo y quisiera hacer mas, pero el tiempo que poco y escalonado.
    Gracias de nuevo.
    En el primer caso son los espacios. En el segundo caso, en los codigos que publicaste, esas dos estaban en una sola linea, fijate :wink: