Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje09-11-2010, 21:25 (UTC)    
Título del mensaje: Codigo Imagen Background vs Color

Hola, tengo un problema, estoy con una plantilla, pero no se porque razón en algunos navegadores ( en chrome de lubuntu y en el safari del ipodtouch, por ejemplo) no me carga la imagen de cabezal.
Bueno la imagen en cuestión esta como background en el css, pero solo ocupa el espacio del header, el menú y un pequeño espacio en el que hay un degradado.

La cuestión es que como no se porque no me carga en ciertos navegadores pues quiero poner un color debajo de la imagen al header y al menú porque las letras son blancas, y si no carga el cabezal practicamente ni se ven; pero el problema es que al intentar poner el color en el css.
Código:
background: #4F4331;

el color sale encima de la imagen,

¿No habría ninguna forma para que el color quedara detrás de la imagen?
¿Alguien sabe porque razón podría fallar la imagen del cabezal en ciertos navegadores si su css es simplemente esto
:
Código:

body {
   background: #F3F4F6 url(bg.png) repeat-x;
   font: 100%/150% Geneva, Arial, Helvetica, sans-serif;
   color: #222;
   margin: 0;
}

* El color que sale en el código, es el de toda la página.




Muchas Gracias
Saludos
Mensaje10-11-2010, 03:36 (UTC)    
Título del mensaje:

No veo el problema con el disenio, yo lo veo excelente en mi Ipod Touch.

Para colocar un color que remplaze la imagen en caso de que no aparezcas se debe de colocar:
Código:
background:#Color url(imagen.png) no-repeat;

Cambia no-repeat si deseas repetir la imagen.

Saludes.
Team!.

______________
Team-Soporte.
Moderador de PaginaWebGratis.es

www.team-soporte.es.tl | @jeremymolina
Mensaje10-11-2010, 08:40 (UTC)    
Título del mensaje:

Gracias por la respuesta, pero la imagen que no me sale está en body, y ocupa el espacio del cabezal y otros espacios, entonces si le pongo en el header background-color me sale el color encima del header, ya que si donde está la imagen ( en el body) le pongo color, cambiará de color toda la web, y lo que quiero es solo cambiar el cabezal.

La página es esta: http://codigostuspajaros.es.tl/prueba.htm


Muchas Gracias
Saludos!
Mensaje10-11-2010, 10:16 (UTC)    
Título del mensaje:

¿ha intentado hacerlo sin acortar el codigo? puede que ese sea el problema ya que muchos navegadores tienen problemas con los acortamientos

en vez de
Cita:
body {
background: #F3F4F6 url(bg.png) repeat-x;
font: 100%/150% Geneva, Arial, Helvetica, sans-serif;
color: #222;
margin: 0;
}


seria
Cita:
body {
background-color: #F3F4F6;
background-image:url(bg.png);
background-repeat:repeat-x;
font: 100%/150% Geneva, Arial, Helvetica, sans-serif;
color: #222;
margin: 0;
}

______________
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group