Vista previa distinta en web local y en web internet

Hola !
No se me ven igual las vistas previas del index y de la plantilla de la web-ejemplo-internet que las de la web-ejemplo-local
.¿Esto es correcto o deberían ser idénticas?
En las de ejemplo-internet han desaparecido el buzón,la sonrisa,el color morado de fondo,la imagen de fondo,los colores de la plantilla,los enlaces cambiantes,...

Os dejo captura de pantalla de mi workspace con estas dos carpetas abiertas.
http://xs.to/share-2FAC_4BF80F20.html

Gracias. :D

es correcto, muchas veces la vista previa falla.

no uses la vista previa si llevas una web muy avanzada, por que seguramente te dara fallos.

Gracias !

No obstante mirando mi web desde el internet explorer no se ve el dibujo del buzón,a pesar de que poniendo el cursor encima del cuadrado donde debería estar si me enlaza directamente al correo de Outlook.¿No debería verse el dibujo del buzón moverse en vez de un cuadrado? Dejo captura de pantalla para que me entendais mejor.

http://xs.to/share-8645_4BF82BF5.html

eso es por que no as puesto el src=" bien o no estan en la carpeta objetos.

Disculpa,lo de "src =" no sé a qué te refieres.¿Es algo del código?
Me he asegurado de lo otro que me comentas y sí están en la carpeta objetos.

Mi código de la hoja de estilos.general es :

* {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 ; font-size: 16px}
#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 {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {background-color: yellow ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px}
#menu li {list-style:none ; margin: 4px 0px 4px 6px}
#menu h1 {text-decoration:none ; font-size:12px}
#pie { background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden}
a {color: brown ; text-decoration:none ; display: block}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}

las imagenes no tiene nada que ver con css, pasame el codigo html.

Ya está resuelto ! Al decirme ahora lo del código html lo he revisado y tenía un punto detrás de buzon.gif y un error en la extemnsión de la imagen "sonrisa".Lo he modificado y ya se ven las dos cosas.
respecto a lo otro que comentaba en mi mensaje inicial,el resto de objetos y colores,etc,no se veían en la vista previa pero sí en el internet explorer accediendo a la web directamente.

Muchas gracias !!!!! :wink: