Imagen debajo de una tabla

[Roa]

Hola foristas, tengo esta duda, como puedo colocar una imagen bajo una tabla como en esta imagen, solo donde dice rut, password, enviar y las cajas de textos son la tabla, el resto es una imagen.




Gracias

[loncho_rojas]

Podrias probar con CSS...

existe un atributo llamado

background-image

y tambien puedes hacer visibles solo ciertos campos mediate clases...

[morior]

Exacto, pasado a código sería algo como esto:

Código PHP:

  <table .....  background="images/tu_imagen.gif"> 
   

También le puedes dar una clase y desde css darle el atributo de la imagen de fondo.

[Roa]

GraciaS por contestar rapido, estoy probando con:

Código PHP:

  .mi_tabla {
    background-image: url(../img/fondo_login.jpg); } 
   

El problema que la imagen se corta al margen de la tabla, queda insertada dentro da la tabla.

Saludos

[OmarV]

.box{
background:url(back.jpg);
Agregar la altura el ancho,, etc
}
<div class="box">agregar las cosas aqui</div>

si quiereres un codigo mas detallado dimelo (:

[Roa]

Gracias OmarV si puedes me lo puedes detallar please

[OmarV]

<style type="text/css">
<!--
#box{
width:300px;
height:300px;
background:urlbackground.gif)
}
h1{
font-size:15px;
color:#006;
margin:0px;

}
-->
</style>
<div id="box">
<h1>Porfavor ingresa su RUT y Password</h1>
<hr />
<form name="form1" method="post" action="">

<table width="200" border="0">
<tr>
<td>RUT:</td>
<td><input type="text" name="textfield" id="textfield"></td>
</tr>
<tr>
<td>PASSWORD:</td>
<td><input type="text" name="textfield2" id="textfield2"></td>
</tr>
</table>
<br>
<label>
<input type="submit" name="button" id="button" value="Enviar">
</label>
</form>
</div>

Este seria el codigo completo(Sin editar obvio) de lo que tu necesitarias.

P.D. Yo no recomiendo el uso de las tablas como ya lo e mencionado pero en este tipo de situaciones es la solucion mas comoda, :)