[SOLUCIONADO]añadir imagen a cabecera con css

[Syd]

Hola,

quiero poner una imagen que ya tengo de cabecera de mi página, junto al logo, de 694x203, pero no se muy bien como, he editado el global.css y añadí el color de fondo y el url, pero no se si es así o tengo que hacer otra cosa, o tal vez tengo que ponerlo en otro sitio del css, pero al añadir el color sí que cambió justo en esa zona:

 

 

#index #header {

height: 658px;

background-color: #330033;

background: url('../img/header.jpg');

}

Edited May 18, 2012 by Syd (see edit history)

[nadie]

Hola,

quiero poner una imagen que ya tengo de cabecera de mi página, junto al logo, de 694x203, pero no se muy bien como, he editado el global.css y añadí el color de fondo y el url, pero no se si es así o tengo que hacer otra cosa, o tal vez tengo que ponerlo en otro sitio del css, pero al añadir el color sí que cambió justo en esa zona:

 

Si colocas la url de tienda, te podremos orientar mejor. (ya que es posible que la ruta de la imagen que estes intentando meter no exista, ect.. ect..)

[Syd]

Hola,

esta es la web

http://www.asianexoticdream.com/

[nadie]

Hola,

esta es la web

http://www.asianexoticdream.com/

Por lo que he visto en tu web, lo tienes que dejar así:

 

Lo que hayas puesto antes borralo de tu mente

 

Busca esto en el global.css

 

#header {
width: 100%;
height: 270px;
position: relative;
background: none;
}

 

 

Y lo cambias por:

#header {
width: 100%;
background: url('/img/header.jpg') no-repeat;
position: relative;
height: 658px;
background-position-x: 172px;
}

 

Un Saludo

[Syd]

Gracias,

si lo dejo así se me queda centrado y por debajo del logo. Me gustaría dejarlo más a la derecha

Edited May 18, 2012 by Syd (see edit history)

[nadie]

Gracias,

si lo dejo así se me queda centrado y por debajo del log. Me gustaría dejarlo más a la derecha

Pero ahora mismo lo has puesto que solo se vea en la home, borra esto que tienes puesto en tu web:

 

#index #header {
height: 658px;
background: url('/img/header.jpg') no-repeat;
}

 

Y sigues los pasos que te indique arriba:

 

 

Por lo que he visto en tu web, lo tienes que dejar así:

 

Lo que hayas puesto antes borralo de tu mente

 

Busca esto en el global.css

 

#header {
width: 100%;
height: 270px;
position: relative;
background: none;
}

 

 

Y lo cambias por:

#header {
width: 100%;
background: url('/img/header.jpg') no-repeat;
position: relative;
height: 658px;
background-position-x: 172px;
}

 

Un Saludo

[Syd]

Así lo hice gracias. Se ve bien en ie y en chrome, pero en ópera y en firefox, se ve detrás del logo... Incluso lo probé en ópera mini de iphone y sale también detrás del logo

[nadie]

Así lo hice gracias. Se ve bien en ie y en chrome, pero en ópera y en firefox, se ve detrás del logo... Incluso lo probé en ópera mini de iphone y sale también detrás del logo

Yo veo que todavia no has metido esto:

background-position-x: 172px;

[Syd]

Sí que lo puse, y no funcionaba, pero luego lo probé de otras formas, ahora mismo lo dejé puesto en 172

[nadie]

Sí que lo puse, y no funcionaba, pero luego lo probé de otras formas, ahora mismo lo dejé puesto en 172

 

Prueba dejarlo así:

 

#header {
 background: url("/img/header.jpg") no-repeat scroll right top transparent;
 height: 658px;
 position: relative;
  width: 100%;
}

 

Un Saludo

[Syd]

Ahora sale bien en todos, hasta en safari, jeje, muchas gracias y perdona tanto follón, yo a veces ya de tanto mirar no veo bien las respuestas.

Un saludo.

[nadie]

Ahora sale bien en todos, hasta en safari, jeje, muchas gracias y perdona tanto follón, yo a veces ya de tanto mirar no veo bien las respuestas.

Un saludo.

Un placer ayudarte y servirte!

 

Un Saludo, y recuerda que estaremos por el foro para guiarte por este mundo oscuro y tenebroso.!