Foros del Web » Creando para Internet » CSS »

Backgroun image en el header

Estas en el tema de Backgroun image en el header en el foro de CSS en Foros del Web. Buenas¡¡ Veréis tengo el siguiente problema y me estoy volviendo loco. Estoy intentando poner una imagen de fondo al header y no hay manera. El ...
  #1 (permalink)  
Antiguo 22/12/2010, 05:16
 
Fecha de Ingreso: diciembre-2010
Mensajes: 5
Antigüedad: 7 años
Puntos: 0
Pregunta Backgroun image en el header

Buenas¡¡

Veréis tengo el siguiente problema y me estoy volviendo loco. Estoy intentando poner una imagen de fondo al header y no hay manera.
El caso es que el tema tiene una hoja de estilo css principal y otra con un estilo con algunos aspectos específicos (el tema viene en 5 colores).
La imagen tiene un tamaño de 20px*120px, ya que queria que se repitiera. (es una textura)

He optado por trabajar sobre la hoja "especifica" de la siguiente forma:

#header { background: #1b1b1b url ("http://www.costadoradavip.com/wp-content/uploads/fondoheader.png") repeat-x ; }

en la hoja de estilo principal este es el codigo css:

#header { width:100%; height:120px; position:fixed; top:0; left:0; z-index:100; padding:10px 0 0px 0; overflow:hidden; }

toda ayuda es poca...muchas gracias
  #2 (permalink)  
Antiguo 22/12/2010, 10:36
 
Fecha de Ingreso: febrero-2009
Mensajes: 9
Antigüedad: 8 años, 10 meses
Puntos: 0
Respuesta: Backgroun image en el header

Hola, hice una prueba con ese código y aparentemente funciona bien (si esta es la imagen que debe repetirse 'http://www.costadoradavip.com/wp-content/uploads/fondoheader.png').

Te recomiendo que hagas la prueba en un archivo nuevo, si funciona quizas tengas otra cosa que te esté causando problemas.


<head>
<style type="text/css">
#header {
width:100%; height:120px; position:fixed; top:0; left:0; z-

index:100; padding:10px 0 0px 0; overflow:hidden; }
#header{
background:#1b1b1b url('http://www.costadoradavip.com/wp-

content/uploads/fondoheader.png') repeat-x;
}
</style>
</head>
<body>
<div id="header">


</div>
</body>

saludos
  #3 (permalink)  
Antiguo 22/12/2010, 10:50
 
Fecha de Ingreso: diciembre-2010
Mensajes: 5
Antigüedad: 7 años
Puntos: 0
Respuesta: Background image en el header

Puede el problema deberse a la imagen que no es correcta??? (tamaño, formato...etc)

Gracias
  #4 (permalink)  
Antiguo 22/12/2010, 15:33
Avatar de armandoweb  
Fecha de Ingreso: enero-2003
Ubicación: San Cristobal, Santa Fe, Argentina
Mensajes: 544
Antigüedad: 14 años, 10 meses
Puntos: 7
Respuesta: Backgroun image en el header

Hola:

Y que deseas hacer? reemplazar la imagen que viene con el theme por una tuya? o modificar la estructura del header?

Puedes probar de cambiar la imagen que viene con el theme "fondoheader.png" por la tuya, eso si, deberia tener el mismo tamaño y extension, sino deberias también modificar los estilos.

Si no es eso lo que quieres comentanos que necesitas.

Saludos.
__________________
www.awdesarrollos.com.ar - [twitter: @armandoweb] - [Skype: awdesarrollos"]
  #5 (permalink)  
Antiguo 22/12/2010, 16:54
 
Fecha de Ingreso: diciembre-2010
Mensajes: 5
Antigüedad: 7 años
Puntos: 0
Respuesta: Backgroun image en el header

Hola,

esta imagen es la mia...ya la cambié...el theme no tenia una imagen como header...y puse la mia...el problema es que no se me ve...de hecho me peleo cada vez que quiero subir una imagen como background...a que se puede deber??? creo que el codigo que puse está bien...no?

Gracias
  #6 (permalink)  
Antiguo 23/12/2010, 06:46
Avatar de armandoweb  
Fecha de Ingreso: enero-2003
Ubicación: San Cristobal, Santa Fe, Argentina
Mensajes: 544
Antigüedad: 14 años, 10 meses
Puntos: 7
Respuesta: Backgroun image en el header

Luija:

Probaste de poner contenido dentro de <div id="header">Contenido Aqui</div> a ver si te muestra el contenido y de fondo la imagen que deseas??

Saludos.
__________________
www.awdesarrollos.com.ar - [twitter: @armandoweb] - [Skype: awdesarrollos"]

Última edición por armandoweb; 23/12/2010 a las 15:55

Etiquetas: header, image
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:28.