Imagen invisible en web pero que si aparece en Preview de HK

Pues tengo ese problema. La imagen de cabecera no se muestra en ningun navegador mientras que html kit si que me la muestra en los preview. Incluso Front Page me la muestra tambien sin problemas.
El lio viene porque estoy modificando una plantilla de las miles que hay por ahi, y ya traia el html y el css. El html lo he modificado bastante a fondo gracias a lo aprendido en el curso paso a paso. Pero el css no lo he tocado a penas. Tampoco lo he creido necesario. El caso es que la llamada a la imagen me es algo extraña. La imagen esta linkada en el css y en el html simplemente está la llamada. Pongo los fragmentos de los codigos porque seguramente no me habre explicado bien....

Aqui el css.

#main-image{
width:990px;
height:140px;
background:url(../img/imagenprincipal.jpg) no-repeat center;
border: 1px solid #000;
padding:0px;
margin:0 auto;
position:relative;
}

y el html.

<div id="main-image" style="margin-bottom:5px;"></div>

Yo no le encuentro la solución a no ser cargarme todo esto e insertar una imagen a saco desde html.
He probado varias cosas pero ninguna con exito...
Ahh bueno, si alguien quiere ojear todo el html que lo saque de aqui:
http://astrosurf.com/ignacio_rico/

Gracias por interesarse.

Saludos

Hola Ignacio.R.....

Saves por que no se te muestra.

Por que tu pones background:url(../img/imagenprincipal.jpg) no-repeat center;

Cuando deveria de ser así.::


background-image:url(../img/imagenprincipal.jpg);
background-position: center center;
background-repeat: no-repeat;


Espero te sirva..

me gusta mucho tu plantilla,¿es prefabricad o te la curraste tu?
Salu2

Hola Alpolo.

Gracias por tu rapida respuesta. Pero siento decirte que no ha funcionado. La verdad es que escapa a mi conocimiento saber que esta fallando. El caso es que sigue sin cargarme la imagen aunque los editores de html si que me la visualizan... :?

Liaranort, es prefabricada. :oops:

Saludos

Al parecer la ruta está mal.

Un amigo desde Colombia,

omar.pìamba

omar.piamba escribió:Al parecer la ruta está mal.

Un amigo desde Colombia,

omar.pìamba

Hola Omar.

Gracias por contestar.
Pues si el error es ese todavia me quedo más intrigado ya que hay otras imagenes con la misma ruta y las carga sin problemas... La única que es algo diferente es la imagen del cuadro pequeño que esta llamada desde .html y no desde .css.
Si alguien necesita más datos para ayudarme a solucionarlo que los pida sin problemas.

Saludos.

Hola Ignacio.R....

Tu estas seguro que la imagen la subiste a el hosting, por que si es asi lo que hay que verificar es la ruta de la imagen ok..

Digamos que tu estas trabajando en una carpeta la página web y dentro de esa carpeta tienes el index.html y igul mente tienes la hoja de estilo.css y fuera de esa carpeta tienes creada otra con el nombre de img donde se encuentran las imagenes si es asi la ruta la tienes bien, por que tu sales de la carpeta que estas trabajan el index.html y el estilo.css y al salir para encontrarte con la otra tienes que poner dos ponto, tal cual la tienes, y una vez que sales de esa carpeta entras ha la que estan las imagen de esta forma ../img/fondo.jpg

Tambien tienes que estar completamente seguro que las haz subido a el hosting por que de no ser asi ese tambien es el causante del error ok..

Salu2..

Espero te sirva...

Alpolo....

Hola Apollo.

Todo lo que comentas esta correcto. Si no estuviera la imagen subida o la ruta fuese erronea, no saldria la tipica aspa roja sobre el cuadrado blanco?
La cuestion es que lo mismo que he subido al servidor es lo que tengo en la carpeta de la web ya que lo subo de golpe y si el enlace funciona bien en los editores html no se porque puede fallar en la red. Es como si la imagen la pegase detras del fondo...
En fin, le echaré un ultimo vistazo y si no encuentro nada quitaré la imagen.

Gracias.

Hola Ignacio.R. , esto es lo que aparece en tu styleinicio.css, si la imagen como dices esta en una carpeta --- img --- entonces la ruta esta mal.

#main-image{
width:990px;
height:140px;
background-image: url("imagenprincipal.jpg");
background-position: center center;
background-repeat: no-repeat;
border: 1px solid #000;
padding:0px;
margin:0 auto;
position:relative;
}


Para corregir debe quedar así :

#main-image{
width:990px;
height:140px;
background-image: url("img/imagenprincipal.jpg");
background-position: center center;
background-repeat: no-repeat;
border: 1px solid #000;
padding:0px;
margin:0 auto;
position:relative;
}

Otro error que existe es que tienes 2 css, y el que utiliza tu index es styleinicio.css quizá hayas modificado el style.css, checa bien eso. Yo he checado y aparece la imagen sin problema.

Saludos.

Ya he checado más a fondo el asunto, veo que creaste un style exclusivo para tu index, ese es styleinicio.css y para el resto de las páginas sigue siendo style.css.
Bueno en ambos estilos, la ruta para tu imágen no indica que está en la carpeta img, solo corrije la ruta correctamente.

"img/imagenprincipal.jpg"

Ah ! y además la imágen llamada "imagenprincipal" en la carpeta img en tu servidor tiene equivocada la extensión, aparece así:

imagenprincipal.JPG

debe ser:

imagenprincipal.jpg

Si te fijas una está con mayusculas y la otra minusculas. Los programas FTP en ocasiones hacen ese cambio, porqué...no sé.

Mira: http://astrosurf.com/ignacio_rico/img/

Ahora espero se solucione tu problema, Saludos.

Joder, que decepción. Yo que pensaba que sería un fallo complicadisimo...
Pues si, era lo de jpg - JPG. Tiene narices el asunto. Por lo que veo los editores no hacen distinción entre las extensiones escritas en mayusculas o minusculas pero en la red no funcionan.
Johnpeterjp, muchas gracias por la ayuda.
Por cierto, no sabia que se pudieran ver tambien las hojas de estilo de otras webs. Bueno, el caso es que las rutas estaban bien. Ya empezaba a preocuparme porque me las he respasado tantas veces sin encontrar nada que pensaba que algo se me escapaba.

Muchas gracias a todos los que de alguna manera habeis intentado ayudarme a solucionar esto.

Saludos

Ignacio.R., por nada, y sí se pueden ver las hojas y todo. Por cierto dejaste la llave abierta del lavamanos....je je je... es una broma.

Ya sabes cualquier cosa... estamos por aquí. Saludos.