Foros del Web » Creando para Internet » HTML »

Imagen debajo de una tabla

Estas en el tema de Imagen debajo de una tabla en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 02/02/2010, 14:40
Roa
 
Fecha de Ingreso: marzo-2009
Mensajes: 13
Antigüedad: 8 años, 9 meses
Puntos: 0
Imagen debajo de una tabla

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
  #2 (permalink)  
Antiguo 02/02/2010, 14:44
Avatar de loncho_rojas
Colaborador
 
Fecha de Ingreso: octubre-2008
Ubicación: En el mejor lugar del mundo
Mensajes: 2.704
Antigüedad: 9 años, 1 mes
Puntos: 175
Respuesta: Imagen debajo de una tabla

Podrias probar con CSS...

existe un atributo llamado

background-image

y tambien puedes hacer visibles solo ciertos campos mediate clases...
__________________
Ayudo con lo que puedo en el foro, y solo en el foro.. NO MENSAJES PRIVADOS.. NO EMAILS NI SKYPE u OTROS.

Antes de hacer un TOPICO piensa si puedes hallarlo en Google o en el Buscador del Foro...
  #3 (permalink)  
Antiguo 02/02/2010, 15:08
Avatar de morior  
Fecha de Ingreso: agosto-2009
Ubicación: Barcelona
Mensajes: 437
Antigüedad: 8 años, 4 meses
Puntos: 12
Respuesta: Imagen debajo de una tabla

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.
  #4 (permalink)  
Antiguo 02/02/2010, 15:28
Roa
 
Fecha de Ingreso: marzo-2009
Mensajes: 13
Antigüedad: 8 años, 9 meses
Puntos: 0
Respuesta: Imagen debajo de una tabla

GraciaS por contestar rapido, estoy probando con:
Código PHP:
.mi_tabla {
    
background-imageurl(../img/fondo_login.jpg); } 
El problema que la imagen se corta al margen de la tabla, queda insertada dentro da la tabla.

Saludos
  #5 (permalink)  
Antiguo 02/02/2010, 15:30
Avatar de OmarV  
Fecha de Ingreso: febrero-2010
Mensajes: 82
Antigüedad: 7 años, 10 meses
Puntos: 3
Respuesta: Imagen debajo de una tabla

.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 (:
  #6 (permalink)  
Antiguo 02/02/2010, 15:38
Roa
 
Fecha de Ingreso: marzo-2009
Mensajes: 13
Antigüedad: 8 años, 9 meses
Puntos: 0
Respuesta: Imagen debajo de una tabla

Gracias OmarV si puedes me lo puedes detallar please
  #7 (permalink)  
Antiguo 02/02/2010, 19:12
Avatar de OmarV  
Fecha de Ingreso: febrero-2010
Mensajes: 82
Antigüedad: 7 años, 10 meses
Puntos: 3
Respuesta: Imagen debajo de una tabla

Cita:
<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, :)

Etiquetas: tablas
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 10:41.