Foros del Web » Creando para Internet » CSS »

permitir que una imagen de background se alargue

Estas en el tema de permitir que una imagen de background se alargue en el foro de CSS en Foros del Web. Hola a todos, quisiera saber si es posible, mediante css, hacer que un background formado por una imagen se ajuste al tamaño del div que ...
  #1 (permalink)  
Antiguo 04/01/2006, 13:40
 
Fecha de Ingreso: agosto-2004
Mensajes: 347
Antigüedad: 13 años, 3 meses
Puntos: 3
permitir que una imagen de background se alargue

Hola a todos,

quisiera saber si es posible, mediante css, hacer que un background formado por una imagen se ajuste al tamaño del div que lo contiene,

a ver si me explico,

resulta que tengo un menu hecho con css y cada item de este menu tiene como background una imagen (que es un degradado de color).

lo que me ocurre es que, si por ejemplo aumento en el navegador el tamaño del texto, el menu se agranda, pero la imagen de fondo se queda igual (lógico), y produce un feo efecto de "corte".

¿Es posible auto-ampliar el background segun el tamaño del item del menu?

Saludos y gracias!
  #2 (permalink)  
Antiguo 04/01/2006, 13:49
Avatar de RoQ
RoQ
 
Fecha de Ingreso: abril-2005
Mensajes: 771
Antigüedad: 12 años, 8 meses
Puntos: 0
no se puede, y lo han preguntado varias veces por aca, pero creo que en css3 ya estara eso disponible
  #3 (permalink)  
Antiguo 04/01/2006, 14:14
 
Fecha de Ingreso: julio-2005
Mensajes: 29
Antigüedad: 12 años, 5 meses
Puntos: 0
Podrías especificar más?, no se puede adaptar una imagen a un fondo, pero en el caso de un degradado podría utilizarse una imagen vertical que se repita a lo ancho.
Lo dicho ¿podrías mostrar un ejemplo concreto?
  #4 (permalink)  
Antiguo 04/01/2006, 17:13
 
Fecha de Ingreso: agosto-2004
Mensajes: 347
Antigüedad: 13 años, 3 meses
Puntos: 3
Cita:
Iniciado por Matachin
Podrías especificar más?, no se puede adaptar una imagen a un fondo, pero en el caso de un degradado podría utilizarse una imagen vertical que se repita a lo ancho.
Lo dicho ¿podrías mostrar un ejemplo concreto?
Si, y así lo hago, mi imagen tiene 1 px de ancho y la hago repetirse horizontalmente y así rellena todo el item del menu.

Lo que ocurre es que al agrandar el item (verticalmente) la imagen produce un corte; esto se debe a que mi imagen mide 11px de alto y los items del menu tambien, pero cuando el item del menu ocupa 2 líneas de texto en lugar de una, pues el degradado ocupa solo medio botón.

alguna posible solución
saludos y gracias!
  #5 (permalink)  
Antiguo 04/01/2006, 17:57
 
Fecha de Ingreso: julio-2005
Mensajes: 29
Antigüedad: 12 años, 5 meses
Puntos: 0
Supongo que la unica solucion seria que hicieras el fondo más largo, que el degradado fuera mas pronunciado al priencipio y menos al final.

Y si el degradado es del centro hacia los lados el fondo deberá estar centrado.

No creo que quede mal, claro que habría que verlo.
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 19:02.