Foros del Web » Creando para Internet » CSS »

Tres imagenes en Background

Estas en el tema de Tres imagenes en Background en el foro de CSS en Foros del Web. como puedo hacer para poner tres imagenes de fondo en una tabla, pero que no sean sobrepuestas, que la primera imagen no se repita, que ...
  #1 (permalink)  
Antiguo 16/01/2010, 12:26
Avatar de Diegotopet  
Fecha de Ingreso: noviembre-2008
Ubicación: Puerto Vallarta
Mensajes: 82
Antigüedad: 9 años
Puntos: 0
Pregunta Tres imagenes en Background

como puedo hacer para poner tres imagenes de fondo en una tabla, pero que no sean sobrepuestas, que la primera imagen no se repita, que la segunda se repita en Y y que la tercera tampoco se repita

tengo algo asi, pero no se puede

Código CSS:
Ver original
  1. #BACKGROUNDTABLA {
  2.    
  3.     background: url(/VIP-CARD/Imagenes/Background_05.jpg) no-repeat,
  4.  
  5.     background: url(/VIP-CARD/Imagenes/Background_resize.jpg) repeat-y,
  6.    
  7.     background: url(/VIP-CARD/Imagenes/Background_fin.jpg) no-repeat;
  8. }
__________________
-+- Que Sea Lo Que Sea Para Nuestro Mayor Bien Divino -+-
  #2 (permalink)  
Antiguo 16/01/2010, 13:21
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 8 meses
Puntos: 1314
Respuesta: Tres imagenes en Background

Eso no se puedo, por lo menos con CSS 2 no, con CSS3 hay esta opción, pero no es compatible con muchos navegadores: http://www.css3.info/preview/multiple-backgrounds/

Saludos
__________________
Grupo Telegram Docker en Español

Última edición por Carlangueitor; 16/01/2010 a las 13:45
  #3 (permalink)  
Antiguo 16/01/2010, 13:44
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.823
Antigüedad: 9 años, 9 meses
Puntos: 951
Respuesta: Tres imagenes en Background

en definitiva no se puede y eso del css3 mientras no sea oficial en todos los navegadores me parece que no es una buena opción....

en tu lugar optaría por colocar tres div uno con cada imagen que necesitas y ubicaros con el z-index para que se muestren abajo de tu contenido
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #4 (permalink)  
Antiguo 16/01/2010, 14:52
 
Fecha de Ingreso: diciembre-2009
Ubicación: Santa Marta
Mensajes: 15
Antigüedad: 8 años
Puntos: 1
Respuesta: Tres imagenes en Background

Hola Diegotopet, yo soy algo novato preo creo que esta seria mas o menos mi solucion, aunque no lo he probado en ningun navegador (Solo en IE):

Código CSS:
Ver original
  1. <html>
  2.  
  3. <head>
  4.  
  5. <style type="text/css">
  6.  
  7.  
  8. #fondo1 {background:url("http://elgeek.com/wp-content/uploads/2007/07/notepad.jpg") no-repeat;}
  9.  
  10. #fondo2 {background:url("http://www.webjk.co.cc/line.jpg") repeat-y;}
  11.  
  12. #fondo3 {background:url("http://doblecuaderno.files.wordpress.com/2009/10/cielo.jpg") no-repeat;}
  13.  
  14.  
  15.  
  16.  
  17.  
  18. </style>
  19.  
  20. <title>Tres Fondos multiples</title>
  21.  
  22. </head>
  23.  
  24. <body>
  25.  
  26.  
  27.  
  28. <table><tr><td>
  29.  
  30. <div id="fondo3">
  31.   <div id="fondo2">
  32.     <div id="fondo1">
  33.  
  34.  
  35. <h1>Tu Texto o Contenido</h1><br />
  36. <h1>Tu Texto o Contenido</h1><br />
  37. <h1>Tu Texto o Contenido</h1><br />
  38. <h1>Tu Texto o Contenido</h1><br />
  39.  
  40.  
  41.     </div>
  42.   </div>
  43. </div>
  44.  
  45.  
  46.  
  47. </td></tr></table>
  48.  
  49.  
  50. </body>
  51. </html>



Saludos a todos y me cuentas si te ha servido :)
  #5 (permalink)  
Antiguo 16/01/2010, 15:25
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 8 meses
Puntos: 1314
Respuesta: Tres imagenes en Background

Amigo Quarterback, para que quieres poner los DIV dentro de una tabla, las tablas no son para maquetar,

Saludos
__________________
Grupo Telegram Docker en Español
  #6 (permalink)  
Antiguo 16/01/2010, 19:38
 
Fecha de Ingreso: noviembre-2009
Mensajes: 846
Antigüedad: 8 años, 1 mes
Puntos: 34
Respuesta: Tres imagenes en Background

Eso mismo lo e intentado hacer yo: http://www.forosdelweb.com/f53/backr...stinto-764718/
pero no lo consigo
  #7 (permalink)  
Antiguo 16/01/2010, 20:00
Avatar de Diegotopet  
Fecha de Ingreso: noviembre-2008
Ubicación: Puerto Vallarta
Mensajes: 82
Antigüedad: 9 años
Puntos: 0
Exclamación Respuesta: Tres imagenes en Background

También e escuchado que con CSS y javascript se puede, pero no e podido encontrar el script, seguiré buscando, pero si alguien sabe como, pasen el tip
__________________
-+- Que Sea Lo Que Sea Para Nuestro Mayor Bien Divino -+-

Etiquetas: imagenes, tres, fondo
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 17:45.