Foros del Web » Creando para Internet » CSS »

Ajustar imagen como background a celda.

Estas en el tema de Ajustar imagen como background a celda. en el foro de CSS en Foros del Web. Saludos a todos, De antemano gracias por las respuestas. He puesto como background una imágen dentro de una celda, el problema es que la imágen ...
  #1 (permalink)  
Antiguo 16/06/2015, 12:04
 
Fecha de Ingreso: junio-2015
Mensajes: 4
Antigüedad: 8 años, 10 meses
Puntos: 0
Ajustar imagen como background a celda.

Saludos a todos,

De antemano gracias por las respuestas.

He puesto como background una imágen dentro de una celda, el problema es que la imágen no se ajusta al tamaño de la celda.

<td width="500" height="400" align="center" background= "http://www.4shared.com/download/T0btPs5vce/PLUG_AND_PLAY_FINAL.png?lgfp=3000" >

El tamaño de la celda es width 500 y height 400 pero el tamaño de la imágen es mas grande y solo se ve parte de la imágen.

Que debo hacer?

Gracias.

Iván.
  #2 (permalink)  
Antiguo 16/06/2015, 13:07
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Ajustar imagen como background a celda.

Si quieres ajustar la imagen de fondo a la celda tienes estas opciones:

Código CSS:
Ver original
  1. background-size: 100% 100%;

Código CSS:
Ver original
  1. background-size: cover;

Código CSS:
Ver original
  1. background-size: contain;

Cada cual con un resultado diferente.

Por otro lado, si son medidas fijas, igual es más lógico que le pongas a esa imagen tales medidas.
__________________
(:
  #3 (permalink)  
Antiguo 16/06/2015, 14:15
 
Fecha de Ingreso: junio-2015
Mensajes: 4
Antigüedad: 8 años, 10 meses
Puntos: 0
Respuesta: Ajustar imagen como background a celda.

Hola Pzin,

Gracias por la respuesta. Recien estoy entrando a lo del html y lo del CSS no lo entiendo del todo.

Habria un codigo para hacerlo sin css???

y si pues seria mejor poner la medidas directamente a la imagen jajaja... pero quiero ahorrarme el trabajo


thanks.
  #4 (permalink)  
Antiguo 16/06/2015, 15:16
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Ajustar imagen como background a celda.

¿Un código sin CSS?
__________________
(:
  #5 (permalink)  
Antiguo 16/06/2015, 17:14
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 1 mes
Puntos: 1146
Respuesta: Ajustar imagen como background a celda.

No no no, a mi me ha dejado aun mas estupefacto
Cita:
y si pues seria mejor poner la medidas directamente a la imagen jajaja... pero quiero ahorrarme el trabajo

De ahorrarse trabajo nada, lo único que estas consiguiendo es complicar las cosas y trabajar mucho mas de lo que hubieras tenido que hacer inicialmente.
  #6 (permalink)  
Antiguo 16/06/2015, 17:33
 
Fecha de Ingreso: junio-2015
Mensajes: 4
Antigüedad: 8 años, 10 meses
Puntos: 0
Respuesta: Ajustar imagen como background a celda.

Ok, ok, ok,

Aprenderé a usar bien el css y usaré el

background-size: cover;

que creo que es el que necesito.

Gracias.
  #7 (permalink)  
Antiguo 17/06/2015, 09:16
 
Fecha de Ingreso: junio-2015
Mensajes: 4
Antigüedad: 8 años, 10 meses
Puntos: 0
Respuesta: Ajustar imagen como background a celda.

Mención a Arturo Gallegos,

Hombre gracias por eso de

De ahorrarse trabajo nada...

Me motivó a aprender más sobre html y css, ahora entiendo mejor el css interno y mis publicaciones pueden ser más bonitas.

De nuevo gracias.

Exitos.

Etiquetas: background, html, todo
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 23:13.