Foros del Web » Creando para Internet » HTML »

Imagen y celdas

Estas en el tema de Imagen y celdas en el foro de HTML en Foros del Web. Hola Amigos! Tenia una consulta para hacerles. Tengo una celda <td> a la cual quiero agregarle una imagen de fondo <td background=......... , la cosa ...
  #1 (permalink)  
Antiguo 29/04/2004, 01:53
 
Fecha de Ingreso: agosto-2003
Ubicación: Argentina
Mensajes: 71
Antigüedad: 14 años, 4 meses
Puntos: 0
Imagen y celdas

Hola Amigos!
Tenia una consulta para hacerles.
Tengo una celda <td> a la cual quiero agregarle una imagen de fondo <td background=......... , la cosa es que quiero q esa imagen se adapte a la medida de la celda , osea por ejem en % q tome el 100% de la celda, como hago eso?? puedo usar un css para esa celda?? o como seria el tema , porq ya es sabido q la img se puede dimensionar solo en la etiqueta <img> pero quiero hacer esto q les comento!!
bueno desde ya saludos!!
__________________
<<Rodr-GO!!!!>>
  #2 (permalink)  
Antiguo 29/04/2004, 02:03
 
Fecha de Ingreso: enero-2004
Mensajes: 396
Antigüedad: 13 años, 10 meses
Puntos: 0
Entonces en vez de poner la imagen como fondo del <td>, simplemente ponla dentro del mismo, es decir,

<td><img src=""></td>

Y asi podras manejarla a tu antojo
  #3 (permalink)  
Antiguo 29/04/2004, 04:31
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 13 años, 9 meses
Puntos: 63
Hola

Bueno ciertamente puedes utilizar css para colocar la imagen de fondo en una celda o en cualquier contenedor que desees, por ejemplo de esta manera:

Código:
<style>
.fondo {
	background: #00ff00 url("flecha.gif");
	background-repeat: no-repeat;
	background-position: center;
}
td {
	width: 33%;
}
</style>
...
<table width="100%" border="1" cellspacing="0" cellpadding="0">
     <tr>
          <td class="fondo"><p>&nbsp;</p></td>
          <td><p>&nbsp;</p></td>
          <td><p>&nbsp;</p></td>
     </tr>
</table>
Pero e lproblema lo tienes al querer que ocupe toda la celda, si mofificas las propiedades de la clase que has creado, es decir, si asignas valores al width y al height, estos afecta al contenedor, no a la imagen puesto que esta tambien está afectando al contenedor.

Por lo tanto, la única manere que se me ocurre ahora para que pudieras hacer eficientemente lo que quieres, es más o menos como decía unholy...

Creas un div y dentro de ese div pones la imagen de forma normal, asignándole tamaño. EL div deberá ocupar el 100% de la celda. Igualmente las dimensiones de la imagen deben star en porcentajes (100%) y no ex pixels.

Luego, el resto del contenido, lo colocas con otra capa encima de la primera mediante la utilización del z-index adecuado.

Suerte

Felicidad
__________________
¡ hey, hou, hou, hey !
  #4 (permalink)  
Antiguo 30/04/2004, 21:55
 
Fecha de Ingreso: agosto-2003
Ubicación: Argentina
Mensajes: 71
Antigüedad: 14 años, 4 meses
Puntos: 0
A VERR

hola!!
vos decis q ponga un div en un td??

es obvio q si yo pongo
<td><img widht="100%"........ la imagen se adapta al ancho de la celda, pero lo q yo quiero hacer , es tener un fondo en una celda o en una tabla para poder agregarles cosas arriba ya sea otro td u otra cosa.

por ejem si tengo asi:
<td background=foto.gif ACA ES DONDE NO SE LE PUEDE DAR LA DIMENSION DESEADA OSEA EL 100%> Y DESPUES DE ESTO YO QUISIERA PONER OTRAS COSAS COMO SER UNA PELI DE FLASH U OTRA IMAGEN ARRIBA Y QUE ME QUEDE DE FONDO LA IMAGEN FOTO.GIF

Por eso creo q se debería hacer con CSS pero bue lo voy a probar
SE ENTIENDE??

BUENO SALUDOS
__________________
<<Rodr-GO!!!!>>
  #5 (permalink)  
Antiguo 01/05/2004, 06:48
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 13 años, 9 meses
Puntos: 63
Hola

Primero que nada, no hace falta gritar.

Segundo ¿leiste y entendiste la respuesta que te dimos?

¿entendiste que no puedes asignar una imagen de fondo a una tabla y modificar sus propiedades de ancho y alto con css?

SI entendiste eso, verás que tienes que buscar una solución alternativa.

Y la mejor es que utilices div's o capas, una para la imagen de fondo y otra con lo que quieras ponerle encima.

Felicidad
__________________
¡ hey, hou, hou, hey !
  #6 (permalink)  
Antiguo 01/05/2004, 15:49
 
Fecha de Ingreso: agosto-2003
Ubicación: Argentina
Mensajes: 71
Antigüedad: 14 años, 4 meses
Puntos: 0
Sonrisa ok

Hola patomass, en ningun momento yo tuve la intención de gritar, si te pareció que fue asi , te pido disculpas, pero bueee...
He verificado y no se puede hacer por css y estuve probando con capas y tengo esto , pero no me muestra las capas.
Como te decía yo tengo algo mas o menos asi :
Asi empieza la 1er porcion del código, como veras es la 1er tabla
<table width="100%" height="20%" cellpadding="0" cellspacing="0" bgcolor="#000000">
<tr><td width="100%" height="100%" valign="top" bgcolor="#FFFFFF"><img src="Imagenes/top.gif" width="100%" height="100%"><div width="30%" height="100%" color="#FFFFFF">SASA</div><div width="70%" height="100%" color="#FFFFFF">SASA</div> </img></td></tr>
</table>
aquí la imagen queda ocupando todo el ancho pero creo q despues de la etiqueta <img> no se puede poner otras cosas por eso es que no lo muestra, en ese caso tendría que probar otras cosas,, vos que me sugeris???
Bueno , agradezco mucho tu interes por ayudarme y te repito que en ningun momento te quise gritar
Saludos!!
__________________
<<Rodr-GO!!!!>>
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 14:58.