Diferencias entre vista previa y comportamiento real

Buenas! sigo muy pez en esto del diseño pero no me rindo. He conseguido crear una página de inicio básica, con sus imágenes cuadradas mediante tablas y textos en color y con diferentes letras. Mi problema es que, aunque cuando le doy a vista previa todo sale como esperaba, al publicar la página y verla con el mismo navegador con que hice la vista previa, pues queda todo descolocado y los textos sin color ni la fuente que había determinado en la hoja de estilo css. Me podeis ayudar?

os pongo la hoja de estilos y la url de la web (es muy cutre, eh?), por si sirve de algo


A:link { font-weight: bold ; color: blue ; text-decoration: none; }
A:visited { font-weight: bold ; color: blue ; text-decoration: none; }
A:hover { font-weight: bold ; color: red ; }
A:active { font-weight: bold ; color: green ; }
td.a1 {background-color:white}
td.a2 {width:150px; background-color:white}
td.a3 {width:150px}
td.a4 {width:150px}
td.a5 {width:150px; background-color:white}
td.a6 {background-color:white}
td.b1 {background-color:white}
td.b2 {width:150px; }
td.b3 {width:300px; font: normal bolder 40px Scurlock, Century-Gothic; color:orange; background-color:white; text-align: center}
td.b4 {width:150px; font:normal bolder 14px Comic-Sans-MS, Century-Gothic; color:green; background-color:white; text-align:right}
td.b5 {background-color:white}
td.c1 {background-color:white}
td.c2 {width:150px; background-color:white}
td.c3 {width:150px}
td.c4 {width:150px}
td.c5 {width:150px; background-color:white}
td.c6 {background-color:white}


y la url: http://perso.gratisweb.com/reinasontour

Saludos Citrulina!

Bueno, lo que te falta es actualizar la hoja de estilos. Parece que la has modificado en tu ordenata, pero no la has subido al servidor después de hacerle las ultimas variaciones. Lo se porque accediendo a la hoja de estilos que ahora hay en tu servidor, solo leo esto:

* Esto es mi hoja de estilo */
BODY { background: url("objetos/reinas.jpg") ; }
A:link { font-weight: bold ; color: blue ; text-decoration: none; }
A:visited { font-weight: bold ; color: blue ; text-decoration: none; }
A:hover { font-weight: bold ; color: red ; }
A:active { font-weight: bold ; color: green ; }
P { font-family: Arial, Helvetica, sans-serif ; font-size: 17px ;
text-align:justify ; text-indent: 20px ; margin: 7px 8px 7px 8px ; }
p.centrado { text-indent:0px ; text-align:center ; }
/* Fin de mi hoja de estilo */

que obviamente no es el contenido que nos has dicho.

Simplemente, vuelve a subir la hoja de estilos a tu servidor y listo.

Ánimo, que vas muy bien!

Hola jorgens una pregunta.. como haces para ver el codigo de los estilos de una pagina.. yo solo se ver el codigo fuente de la pag en la q estoy nada mas..

Mirando el codigo fuente puedes descubrir la url donde esta alojada la hoja de estilos. Luego no tienes mas que teclear esa direccion en el explorador y listos! :D

Jo, muchas gracias, pensé que con actualizar index era suficiente y se colocaban también la hoja de estilo y los objetos, veo que tendré que tener más cuidado la próxima vez

A xu no me habia dado cuenta.. gracias x el dato Aorkis