Jump to content

[SOLUCIONADO]añadir imagen a cabecera con css


Syd

Recommended Posts

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 by Syd (see edit history)
Link to comment
Share on other sites

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..)

Link to comment
Share on other sites

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 :D

 

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

Link to comment
Share on other sites

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 :D

 

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

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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;

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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.!

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...