Imagen (difuminada) dentro de table

BLAH !! · #1 (**permalink**) 09/05/2012, 06:06

Hola a todos .. no he podido realizar bien mi codigo para un div que muestra una imagen difuminada en el fondo de mi tabla. quiero que se muestre donde termina mi tabla, pero solo he conseguido mostrarla al comienzo o al final de la pagina ....

<STYLE>
#situacion{
position:absolute;
#situacion img{
position:relative;
}
</STYLE>

<div id="situacion">
<img src="img.png">
</div>

<table>
tabla donde quiero que se vea como fondo
</table>

IsaBelM · #2 (**permalink**) 09/05/2012, 06:25

que tal

Cita:

table {
background: url('img.png') center no-repeat;
}

BLAH !! · #3 (**permalink**) 09/05/2012, 06:38

Muchas gracias pero nececito que sea un div (texto e imagen)

IsaBelM · #4 (**permalink**) 09/05/2012, 07:50

puedes mostrarnos el código que tienes??

BLAH !! · #5 (**permalink**) 09/05/2012, 13:26

Claro :

Código HTML:

<HTML>

<HEAD>
...
 <STYLE>
  #situacion{
    position:absolute;
  #situacion img{
    position:relative;
  }
 </STYLE>
</HEAD>

<BODY BGCOLOR="#FFFFFF" TEXT="#373737" leftmargin="0" topmargin="0">
<br><center>
...
...
...


<table border="0" cellpadding="2" cellspacing="0">
  <tr>
    <td>
<div id="situacion">
<img src="../../IMG/imgendiv.png">Hola soy imagen en div quiero estar como findo de tabla
</div>

<table border="0" cellpadding="3" cellspacing="0">
 <tr>
  <td>HOLA SOY CELDA 1</td>
..
 // QUIERO MOSTRAR LA IMAGEN DENTRO DE ESTA TABLA (NO CELDA, TABLA)
..
 </tr>
</table><br><br>      
    </td>
   </tr>
 </table>
</center>
</BODY>

</HTML>

IsaBelM · #6 (**permalink**) 09/05/2012, 13:42

a ver si esto

Cita:

#situacion{
background: url('img1.png');
}

<table border="0" cellpadding="2" cellspacing="0">
<tr>
<td id="situacion">

<table border="0" cellpadding="3" cellspacing="0">
<tr>
<td>HOLA SOY CELDA 1</td>
</tr>
<tr>
<td>HOLA SOY CELDA 1</td>
</tr>
<tr>
<td>HOLA SOY CELDA 1</td>
</tr>
<tr>
<td>HOLA SOY CELDA 1</td>
</tr>
</table>
</td>
</tr>
</table>

te vendría bien leer un tutorial sobre html y css