No se ve imagen de Fondo

[9andres]

Hola como estan ?

Bueno resulta que estoy ayudando a un amigo a terminar una pagina que esta empezando a armar y se nos ha presentado un problema...

La pagina es www.chevereto.net

El ha comprado la licencia y como el diseño que trae por defecto la aplicacion es muy pobre ha decidido poner el mismo que tiene el script en su web oficial...

El problema es que no sale una imagen de fondo ah pesar que esta en el CSS..

La imagen y en el codigo CSS esta la llamada el problema es que no se ve...

Codigo CSS:
http://chevereto.net/content/themes/Peafowl/style.css

Imagen en el header que no se ve:
http://chevereto.net/content/themes/...mg/godlike.png

Código:

#godlike
{
	background: url(./site-img/godlike.png) no-repeat 0 114px;
	width: 100%;
	height: 114px;
	position: absolute;
	top: 0;
	z-index: 1;
}

Pagina del Script Original para que vean como se ve la imagen de fondo (Seria el efecto arcoiris..)

http://chevereto.com

En fin agradecemos cualquier ayuda.... :)

[xxfacundo]

La imagen godlike se ve blanca, no se si soy yo, prueba a verla, por que no se ve nada

[9andres]

La imagen godlike si se ve es blanca con efectos, tenes que verla de costado o bajarla a la pc y verla con un visor de imagenes y vas a ver que si se ve...

Alguien sabe porque no sale el efecto debajo del logo ? :(

[C2am]

Hola
Quitale la posición al background

Código CSS:

#godlike
{
    background: url(./site-img/godlike.png) no-repeat ;
    width: 100%;
    height: 114px;
    position: absolute;
    top: 0;
    z-index: 1;
}
 

Saludos

[9andres]

Muchas Gracias C2am por tu respuesta

Te comento que probe con lo que me dijiste y si funciona, ahora la imagen se ve... El problema es que al quitarle la posicion sale en donde no deberia salir.... Tendria que salir debajo del logo al igual que esta en la pagina oficial... Pero me sale a la Isquierda del logo en ves de por debajo del logo...

Como puedo indicarle entonces la posicion de la imagen sin poner la posicion ? :S

GRACIAS! :)

[C2am]

Para eso posicionas el div, no el background.
Fijate que ya lo estás haciendo con las siguientes lineas

Código CSS:

#godlike
{
    position: absolute;  top:0 px;  /*top: 100xp, y le agregas */ left: 100px;
/* las medidas son de ejemplo */
 }
 

Bueno, con top y left controlas donde lo ubicas, pero recuerda que el origen de coordenadas será el elemento padre o abuelo, jajaja, o ancestro que esté posicionado con relative, absolute o fixed. Si no encuentra ninguno con esa propiedad definida se posiciona con respecto a la pantalla del navegador.

Saludos

[9andres]

Gracias nuevamente C2am

Al final probe con left pero tampoco quedaba, luego probe con magin-left y quedo, el problema fue que me creo una barra horizontal de desplazamiento asi que lo solucione poniendole en el

width: 60%;

Y con eso desaparecio... Aunque no se si pueda darme problemas en algun otro lado...

Ahora lo estoy probando para ver si quedo algun error.... Lo unico que veo es que en el unico navegador que se ve un poco mal es en Chrome :S No se porque sea esto...

En Firefox y IE se ven iguales o sea bien... Pero en Chrome se mueve un poco a la isquierda el godlike...

En fin te ya demasiado me has ayudado... Seguire investigando a ver que puede ser :)