problemas al subir index.html

Buenas.Ante todo decir que soy novato en todo esto y no sabia muy bien donde englobar esta pregunta pero el problema es el siguiente:
Voy por la leccion tres del curso paso a paso.Ya tengo mi subdominio,lo he configurado con el html-kit siguiendo todos los pasos,he creado la hoja web-ejemplo-cctw-internet,..en fin hasta ahi todo bien.Estoy en el punto que he borrado el index q t crea por el mio,previsualizo y no aparecen las imagenes.He añadido el resto de archivos(estilos.css,estilos-general.css,plantilla.html y los objetos en la carpeta creada con el mismo nombre).El problema es que tanto la q se llama plantilla.html como la de index.html no aparecen con el dibujito con la "e"azulita q significa q es una url,y lo mismo m ocurre con las dos hojas de estilo,que en lugar de aparecer con la ruedecita esa,salen dibujados en blanco.No se si todo esto tendra importancia,pero yo sigo viendo mi index sin dibujos y sin alinear los parrafos.Gracias anticipadas.
toma una captura de pantalla del workspace con todo abierto
y dejanos la url de tu web
para darle un vistazo

saludos
Buenas.Gracias por contestar tan rapidamente a mi consulta,pero lo que me ocurria ya esta resuelto.
En realidad era una fallo de novato lo que me ocurria,ya que estaba usando los archivos de la carpeta web-ejemplo-cctw-internet en lugar de la local,por eso no podia aun ver las imagenes al previsualizar.
Lo que os comentaba de que los archivos aparecian dibujados de distinta manera se ha solucionado abriendo y cerrando el html kit un par de veces,aunque aun no entiendo el motivo,pero bueno.
De momento sigo con los pasos del tutorial y no estoy teniendo ningun problema.Gracias por vuestra cordialidad.Seguramente tenga q volver mas adelante a preguntar mas dudas,jeje.Saludos.
Como ya os avise,aqui estoy de nuevo,jeje.
Hasta ahora todo a ido bastante bien,sin ningun problema importante,pero ahora estoy terminando d colocar los enlaces en el pie de pagina y todo iba bien hasta q me he dado cuenta q me sobresalen un poco los bordes de los lados por abajo.Os pego la plantilla y el estilo para que lo veais.Muchas gracias.
estilo-general.css
* {text-indent:0px ;margin:0px ; padding:0px ; border: 0px}
p {text-align: justify}

h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}

body {text-align: center}
#global {width:800px ; margin: 4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat; width:800px ; height: 12px;overflow : hidden}
#cabecera {background-color: white;border-left: black 1px solid ; border-right: black 1px solid ;height:85px }
#logotipo {width:280px;float:left}
#publicidad {width:518px;float:right;margin-top:25px}
#navegacion {background-color: gray;border: black 1px solid;height:20px }
#navegacion li {float:left;list-style:none;margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }

#contenido {background-color: orange; border-left: black 1px solid ; border-right: black 1px solid }#contenido p {padding: 5px 10px 5px 10px;text-indent: 15px}
#menu { width: 150px ; float:left;text-align:left;margin:3px 10px 3px 3px;background-image: url(objetos/menu-parte-inferior.gif); background-position: bottom;padding-bottom:5px}
#menu li { list-style:none;margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px; background-image: url(objetos/menu-parte-superior.gif)}
#pie {background-color: white;border-left: black 1px solid;border-right:black 1px solid;border-top:black 1px solid;height: 65px}
#pie li{list-style:none;font-size: 12px}
#pieuno { float:left;width:150px}
#piedos {background-color: silver ; float:left;width:498px}
#pietres { float:left;width:150px}

#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;background-repeat: no-repeat ;width:800px ; height: 12px;overflow: hidden }

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


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

<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">

<title>Page title</title>
</head>
<body>
<div id= "global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo"><a href="index.html">
[contenido no disponible]
</a>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>

<div id="navegacion"><ul>
  • Sección 1
  • Sección 2
  • Sección 3
  • Sección 4

    </div>
    <div id="contenido">
    <div id="menu">
    <ul><h1>Título de Sección 1</h1>
  • Enlace 1
  • Enlace 2
  • Enlace 3Enlace 4Enlace 5
    </div>
    <h1>Esta será la zona principal de la web</h1>



    En este segundo párrafo no tengo nada claro lo que voy a poner,pero estoy probando,vale?</p>
    <h2>Este párrafo lo he resaltado como subtítulo pero,al igual que el primero,no tiene ningún sentido.</h2>


    Y aqui el cuarto párrafo,que como prueba creo q ya es suficiente!</p>


    Bueno,como necesito rellenar un poco más todo esto,voy a escribir este párrafo única y exclusivamente para enrrollarme un poquito,pero no busqueis sentido a estas lineas,porque no lo tienen!</p>


    Vengaa,vaa,voy a escribir más chorradas porque al parecer se me queda demasiado corto.Por lo menos ya va cogiendo forma esto de hacer una web,pero no veas la de horas que me estoy tirando aqui cara a la pantalla,ehh.</p>

    </div>






    <div id="pie">
    <div id="pieuno">
    <ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan

    </div>

    <div id="piedos">pie dos</div>
    <div id="pietres">
    <ul>
  • Directorio
  • TopSite
  • Mapa de la Web

    </div>

    <div id="curva-inferior"></div>

    </div>



    </body>
    </html>

    Adjuntaria tambien captura de lo que me ocurre,pero no se como se hace.Gracias.
  • hola

    tu fallo es de los mas comunes

    olvidaste cerrar el div pie
    (el que contiene a los 3)

    saludos
    Buenas.Ante todo agradecer a yaneth por la enorme paciencia q esta teniendo conmigo,pero sigo sin poder resolver el problema del margen de pie de pagina.Agradeceria m dijera alguien como subir una captura d pantalla para que veais como se ha quedado.
    ajustaste el codigo??????

    mira aqui lo que te faltaba

    <div id="pie">
    <div id="pieuno">
    <ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan

    </div>

    <div id="piedos">pie dos</div>
    <div id="pietres">
    <ul>
  • Directorio
  • TopSite
  • Mapa de la Web

    </div>

    <div id="curva-inferior"></div>

    como ves dejaste el pie sin cerrar, su cierre debe estar antes de poner la curva inferior

    y para poner la captura en este foro en laparte de arriba te dice como

    saludos
  • Ya estoy aqui de nuevo,jeje.Tenias razon el lo de cerrar el div,no lograba verlo.Ahora estoy acabando el tutorial y los elementos del menu horizontal no me cuadran bien,se me queda el de souvenirs debajo del de portada.Te copio una de las html y la hoja de estilos y para ponerte una captura q debo hacer?le doy al icono de img,despues pongo la ruta donde tengo guardada la foto y cierro el icono?si no es asi dimelo por favor.
    HISTORIA.HTML
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>

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

    <title>Historia de la banda.</title>
    </head>

    <body>
    <div id= "global">


    <div id="curva-superior"></div>


    <div id="cabecera">
    <div id="logotipo"><a href="../index.html">
    [contenido no disponible]
    </a>
    </div>
    <div id="publicidad">Bienvenidos a mi Web</div>
    </div>

    <div id="navegacion">
    <ul>
  • Portada
  • Historia
  • Discografía
  • Conciertos
  • Descargas
  • Foro
  • Souvenirs


    </div>


    <div id="contenido">


    <div id="menu">
    <ul><h1>Título de Sección 1</h1>
  • Enlace 1
  • Enlace 2
  • Enlace 3Enlace 4Enlace 5
    </div>


    <h1>Esta es la historia de la banda.</h1>



    "La banda nació en 1982, cuando tras ver por la tele un concierto de Bruce Springsteen dos chavalotes se digeron... y si aprendemos a tocar algo? Fue entonces cuando Juanito se compró su primera batería y Pepito su primer ampli y guitarra. Tras encontrarse con Pablito y convencerle de que le pidiera el bajo a su tio, empezaron a ensayar en el garaje de uno de ellos. Al principio intentaban tocar sus canciones preferidas, las que sonaban en esos momentos por la radio y cosas así. Más tarde Pepito empezó a escribir algunas letras a las que pusieron música. Así nació la banda, imagino que, igual que muchas otras".</p>
    <h2>Menuda mierda de banda esta cutre q nos hemos inventao</h2>


    El caso es q hay q inventarse algo para rellenarrrrrrrrrrrr</p>


    Pues me lo inventooooooooooooooooooooooooooooooooooooooo</p>


    Estoy demasiado saturado mentalmente como para escribir chorradas,asi que hasta aquí lo dejo.</p>
    </div>







    <div id="pie">
    <div id="pieuno">
    <ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan

    </div>

    <div id="piedos">pie dos</div>
    <div id="pietres">
    <ul>
  • Directorio
  • TopSite
  • Mapa de la Web

    </div>
    </div>

    <div id="curva-inferior"></div>






    </body>
    </html>


    ESTILO-GENERAL.CSS
    * {text-indent:0px ;margin:0px ; padding:0px ; border: 0px}
    p {text-align: justify}

    h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
    h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}

    body {text-align: center}
    #global {width:800px ; margin: 4px auto }
    #curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat; width:800px ; height: 12px;overflow : hidden}
    #cabecera {background-color: white;border-left: black 1px solid ; border-right: black 1px solid ;height:85px }
    #logotipo {width:280px;float:left}
    #logotipo a {}
    #logotipo a:link {}
    #logotipo a:visited {}
    #logotipo a:hover {background-color: white }
    #logotipo a:active {}
    #publicidad {width:518px;float:right;margin-top:25px}
    #navegacion {background-color: gray;border: black 1px solid;height:20px }
    #navegacion li {float:left;list-style:none;margin: 0px 20px 0px 20px }
    #navegacion ul { margin-left: 60px }

    #contenido {background-color: orange; border-left: black 1px solid ; border-right: black 1px solid }#contenido p {padding: 5px 10px 5px 10px;text-indent: 15px}
    #menu { width: 150px ; float:left;text-align:left;margin:3px 10px 3px 3px;background-image: url(objetos/menu-parte-inferior.gif); background-position: bottom;padding-bottom:5px}
    #menu li { list-style:none;margin: 4px 8px 4px 6px }
    #menu h1 {text-decoration:none ; font-size:12px; background-image: url(objetos/menu-parte-superior.gif)}
    #pie {background-color: white;border-left: black 1px solid;border-right:black 1px solid;border-top:black 1px solid;height: 65px}
    #pie li{list-style:none;font-size: 12px}
    #pieuno { float:left;width:150px}
    #piedos {background-color: white; float:left;width:498px}
    #pietres { float:left;width:150px}
    #pie a {color: blue; text-decoration:none ; display: block }
    #pie a:link {}
    #pie a:visited {}
    #pie a:hover {color:black ; text-decoration:underline ; background-color: white }
    #pie a:active {color:black}

    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;background-repeat: no-repeat ;width:800px ; height: 12px;overflow: hidden }

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

  • Todo solucionado retocando un poco los margenes en "navegacion li".
    Bueno,tengo que decir q ya he terminado el tutorial y tengo la pagina de ejemplo totalmente acabada y,exceptuando estas pequeñas dudas de novato q he tenido y que tan amablemente Yaneth me ha ayudado a resolver contestandome rapida y muy acertadamente siempre,no me ha dado mayores problemas,descontando,por supuesto,las 7 u 8 horas q le he dedicado de media en 4 intensivos dias.
    Ahora me falta decidir la tematica de mi propia web,pero si pienso en la nula idea q tenia de todo esto hace cuatro dias y los conocimientos q he adquirido,aunque muchas cosas ya se me han olvidado,jeje,le estoy eternamente agradecido a esta pagina y que no le quepa la menor duda que en cuanto tenga mi web creada tendreis mencion especial en ella.
    De nuevo gracias a yaneth por su paciencia y gracias a la web por un tutorial tan tremendamente eficaz y didactico.

    P.D.:Los acentos han sido omitidos no por desconocimiento sino por acabar antes esto,jeje.Saludos.