Imagen y celdas

[RODRIASTU]

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!!

[unholy]

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

[PatomaS]

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

[RODRIASTU]

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

[PatomaS]

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

[RODRIASTU]

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!!