Foros del Web » Creando para Internet » CSS »

ancho background-image

Estas en el tema de ancho background-image en el foro de CSS en Foros del Web. Hola a todos. Tengo una duda, a ver si alguien sabria decirme ... background-image:url(image); Como puedo darle a la imagen de fondo un ancho 100% ...
  #1 (permalink)  
Antiguo 21/06/2007, 08:08
 
Fecha de Ingreso: marzo-2007
Mensajes: 135
Antigüedad: 17 años
Puntos: 0
Pregunta ancho background-image

Hola a todos. Tengo una duda, a ver si alguien sabria decirme ...

background-image:url(image);

Como puedo darle a la imagen de fondo un ancho 100% para que se
vea toda segun ancho de capa???

Muchas gracias.
  #2 (permalink)  
Antiguo 21/06/2007, 08:21
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Re: ancho background-image

Hola miguelcubas

No se puede. Al fondo solo puedes ponerle la posición (arriba, abajo, centro...)

Echa un vistazo a este enlace, a ver si te ayuda:

http://www.cssplay.co.uk/layouts/background.html

Saludos,
  #3 (permalink)  
Antiguo 21/06/2007, 11:35
Avatar de marcelomdsc  
Fecha de Ingreso: junio-2007
Ubicación: Windsor, California.
Mensajes: 706
Antigüedad: 16 años, 10 meses
Puntos: 8
Re: ancho background-image

las imagenes no se estiran, entonces hay dos opciones, bueno en realidad mas, pero para el tema del ancho las soluciones mas comunes podrian ser...
si tu div tiene su ancho definido en pixeles es facil solo haces una imagen que sea del mismo ancho, pero si el ancho de tu div esta definido en % en ese caso una forma de hacerlo es con una imagen vertical que se repite horizontalmente, eso depende de muchas cosas y de que tipo de imagen vas a usar.

Si nos das mas detalles te podemos dar mas o mejores soluciones.
  #4 (permalink)  
Antiguo 22/06/2007, 12:45
 
Fecha de Ingreso: junio-2007
Mensajes: 7
Antigüedad: 16 años, 10 meses
Puntos: 0
Re: ancho background-image

si lo que quieres es poner una imagen como fondo y que se extienda segun el ancho de la tabla solo ponle esto en la hoja de estilos

td.fondo { background: url("imagenes\fondo001.jpg") ; }


y en tu documento:

<td class="fondo" >
</td>


espero que te sirva

saludos
  #5 (permalink)  
Antiguo 22/06/2007, 15:30
Avatar de marcelomdsc  
Fecha de Ingreso: junio-2007
Ubicación: Windsor, California.
Mensajes: 706
Antigüedad: 16 años, 10 meses
Puntos: 8
Re: ancho background-image

aunque asi, la imagen no se va a estirar sino a repetir. (solo aclaro por las dudas que miguel se confunda)
  #6 (permalink)  
Antiguo 22/06/2007, 16:00
 
Fecha de Ingreso: junio-2007
Mensajes: 7
Antigüedad: 16 años, 10 meses
Puntos: 0
Re: ancho background-image

si, asi es, la imagen no se estira, se repite, tal vez yo entendì mal la pregunta
muchas gracias por aclararlo
  #7 (permalink)  
Antiguo 22/06/2007, 18:03
Avatar de marcelomdsc  
Fecha de Ingreso: junio-2007
Ubicación: Windsor, California.
Mensajes: 706
Antigüedad: 16 años, 10 meses
Puntos: 8
Re: ancho background-image

Cita:
Como puedo darle a la imagen de fondo un ancho 100% para que se
vea toda segun ancho de capa???
es que lo que quiere es darle a una imagen un 100% de tamano para que esa imagen cambie de tamano dependiendo del tamano del contenedor.
Y claro eso no es posible. Al menos no facilmente.
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 05:45.