dos imagenes en un mismo td

[lgga]

que tal amigos, tengo esta duda.........problema sin poder resolver

como poner una imagen que sea fondo que vaya en el bottom del td y otra imagen que es contenido que vaya en el top???

Código:

    <td width="161" align="left" height="440" valign="bottom"><img  class="middle" src="middle.png" ></td>

este es el css

Código:

img.middle {
background-attachment:fixed;
display:block;  
    margin-left: auto;  
    margin-right: auto;
    margin-bottom:auto;
}

este codigo me funciona bien pero no logro hacer que la imagen (contenido) quede dentro del mismo td pero en el top

trate con un div flotante pero no funciono porque dentro del td esta el valign bottom, osea todo me lo pondra abajo tambien.

alguna idea??
saludos

[Triby]

Crea la celda con fondo posicionado abajo, despues creas un div con fondo posicionado arriba y dentro el contenido:

Código html:

<td class="fondo-abajo">
    <div class="fondo-arriba">
           ... Aqui el contenido de la celda ...
    </div>
</td>
 

Código css:

.fondo-abajo { background:transparent url(fondo-abajo.gif) bottom center no-repeat; }
 
.fondo-arriba { background:transparent url(fondo-arriba.gif) top center no-repeat; }
 

Por cierto, que DTD estas usando? en algunos casos width y height (lo mismo para align o valign) no son atributos validos para declarar dentro de la etiqueta <td> y deberias especificarlos en el CSS.

[lgga]

gracias triby, voy a tratar

saludos

[lgga]

ya lo trate, pero en el modo diseno de dreaweaver si se ven los dos divs, pero ya en el navegador.....firefox 3.5, ie 8 y chrome 3 solo se ve el .fondo abajo

alguna idea?

[alexk]

no te fies mucho de la "vista de diseño" pero igual depende del alto de tu div... podrias poner todo el codigo de tal div? para ver k pasa? que en teoria con eso debe funcionar...