problema con imagenes

Hola, verèis tengo un problemilla con las imàgenes.
La cuestiòn es que en mi index.html se ven perfectamente, pero al subirlas a la carpeta de internet me aparecen los recuadros de las fotos y una X en el margen superior derecho.
Tengo la hoja de estilos subida y la carpeta objetos , con las imagenes en gif, tambièn. Asì me aparece en el file manager de Razy tambièn.
Tengo escrito de la misma manera en el index como en la carpeta objetos, el nombre de las fotos.
He revisado la hoja de estilos y nada.
¿QUÈ PUEDO HACER? AYUDA, POR FAVOR.
Gracias, saludos.

y subiste las imagenes?????

muestranos una captura de pantalla con la carpeta azul abierta
y la carpeta objetos abierta tambien

yyy pon aqui la url de tu web

saludos

hola, la url es www.ayudaatusancianos.com.
la hoja de estilos es:
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: blue ; font-size:4.5em ; color: white ; text-align: center }
#navegacion {background-color: white }
#contenido { background-color: white ; width: 800px ; float: left}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: lightskyblue ; width: 150px ; float:left ;text-align:center ; margin: 100px 25px 120px 3px }
#menu li { list-style:none ; margin 4px 10px 4px 6px }
#pie {background-color: blue}
a {color: blue; font-size:1.3em ; text-decoration: none}
a {color :blue; text-decoration : none; display: block }
a:link {}
a:visited{}
a:hover {color :white; text-decoration : underline ; background-color :white}
a:active{}
p {text-align: left}
img {border-style:none}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: left}

la index.html es :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Page title</title><link rel="stylesheet" href="dani-estilos.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera"><big><hr />
AYUDA A TUS ANCIANOS.COM</big></div>
<div id="navegacion">

[contenido no disponible]</p></div>

<div id="contenido"><div id="menu"><ul>

<font"]¿Quienes somos?</font>

<font"]Servicios</font> </a>

<font"]Condiciones</font> </a>

<font"]Contacto</font></div>

<h1><font color="blue">ATENCIÒN Y CUIDADO DE PERSONAS MAYORES</font></h1>



<font size="4.5em">Ofrecemos una serie de servicios de <font color="blue">ayuda a domicilio y en hospitales</font> para proporcionar a las personas mayores, enfermas o con algùn grado de discapacidad, la mayor calidad de vida posible.</p></font>

[contenido no disponible]

<font size="4.5em">Ofrecemos el servicio que necesitas para asegurar el <font color="blue">bienestar</font> y la <font color="blue">seguridad</font> que tus mayores necesitan. Sin traslados, en el propio hogar, en hospitales, en residencias.....</font></p>

[contenido no disponible]Conòcenos a travès de nuestra<font color="blue"> pàgina web</font>.</font>
</p></div>
<div id="pie"><hr />
<font color="white">Telèfono de contacto: 659 82 89 61 [correo eliminado] (DONOSTIA)</font></div>
</div>


</body>
</html>

la carpeta de objetos es:

abuelos.gif
abuelos_clip_image002.gif
inicio.gif

¿PODRÌA ALGUIEN AYUDARME?
GRACIAS

necesito ver una captura de pantalla con el contenido de la carpeta objetos abierta (la de la carpeta azul)

de lo contrario no te puedo ayudar mucho

si no sabes poner capturas de pantalla
ve al foro de html-kit
entra en el indice de preguntas frecuentes y ahi te dice como hacerlo

saludos