Foros del Web » Creando para Internet » CSS »

asignar una imagen de fondo a una tabla

Estas en el tema de asignar una imagen de fondo a una tabla en el foro de CSS en Foros del Web. ¿Podrían darme un ejemplo de como puedo asignar una imagen de fondo a una tabla por medio de CSS? El gráfico abarca todo el ancho ...
  #1 (permalink)  
Antiguo 05/07/2010, 13:55
 
Fecha de Ingreso: enero-2002
Mensajes: 1.123
Antigüedad: 15 años, 10 meses
Puntos: 18
asignar una imagen de fondo a una tabla

¿Podrían darme un ejemplo de como puedo asignar una imagen de fondo a una tabla por medio de CSS?

El gráfico abarca todo el ancho de la tabla, y deseo que no se repita, es decir, que solo se despliegue una sola vez.

Gracias
  #2 (permalink)  
Antiguo 05/07/2010, 14:55
 
Fecha de Ingreso: mayo-2010
Ubicación: Lima, Peru.
Mensajes: 176
Antigüedad: 7 años, 6 meses
Puntos: 6
Respuesta: asignar una imagen de fondo a una tabla

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Documento sin t&iacute;tulo</title>
  5. </head>
  6. .tableback{background:url(imagen.jpg);border:1px solid #996600;}
  7.  
  8. <table class="tableback">
  9. <tr>
  10. <td>JOSE Y MERY</td>
  11. <td>Amor x siempred</td>
  12. </tr>
  13.  
  14. </body>
  15. </html>

crea una imagen de el ancho de tu tabla y nada masy el ancho =

Saludoz
  #3 (permalink)  
Antiguo 05/07/2010, 17:44
 
Fecha de Ingreso: enero-2002
Mensajes: 1.123
Antigüedad: 15 años, 10 meses
Puntos: 18
Respuesta: asignar una imagen de fondo a una tabla

Gracias TheDark03,

Me sirvió mucho tu ayuda.
Finalmente lo dejé así:

.tableback{
position: relative;
background-color: #001C29;
background-image: url(images/back_gral.jpg);
background-repeat: repeat-x;
background-position: left top;
}
  #4 (permalink)  
Antiguo 05/07/2010, 17:54
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: asignar una imagen de fondo a una tabla

Hola:

Un recomendación, esto:

Cita:
Iniciado por Bier Ver Mensaje
.tableback{
position: relative;
background-color: #001C29;
background-image: url(images/back_gral.jpg);
background-repeat: repeat-x;
background-position: left top;
}
es lo mismo que esto

Código CSS:
Ver original
  1. .tableback{
  2.     position: relative;
  3.     background: #001C29 url(images/back_gral.jpg) repeat-x left top;
  4. }

con lo que consigues evitar código y no sobrecargar el código.

Saludos.

  #5 (permalink)  
Antiguo 05/07/2010, 18:05
 
Fecha de Ingreso: enero-2002
Mensajes: 1.123
Antigüedad: 15 años, 10 meses
Puntos: 18
Respuesta: asignar una imagen de fondo a una tabla

Cita:
Iniciado por jomaruro Ver Mensaje
Hola:

Un recomendación, esto:



es lo mismo que esto

Código CSS:
Ver original
  1. .tableback{
  2.     position: relative;
  3.     background: #001C29 url(images/back_gral.jpg) repeat-x left top;
  4. }

con lo que consigues evitar código y no sobrecargar el código.

Saludos.


Muy agradecido.
  #6 (permalink)  
Antiguo 06/07/2010, 14:04
Avatar de joseomaker  
Fecha de Ingreso: junio-2010
Ubicación: Maracaibo
Mensajes: 314
Antigüedad: 7 años, 6 meses
Puntos: 22
Respuesta: asignar una imagen de fondo a una tabla

te dare una recomendacion,para eso que menciona usa ID no Class,porque Class es obviamente para clases,es decir que ahi varias del mismo tipo y ID es para darle nombre a un elemento del sitio.

Saludos

Etiquetas: asignar, fondo, 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 13:08.