asignar una imagen de fondo a una tabla

Bier · #1 (**permalink**) 05/07/2010, 12:55

¿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

TheDark03 · #2 (**permalink**) 05/07/2010, 13:55

Código HTML:

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

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

Saludoz

Bier · #3 (**permalink**) 05/07/2010, 16:44

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;
}

jomaruro · #4 (**permalink**) 05/07/2010, 16:54

Hola:

Un recomendación, esto:

Cita:

Iniciado por Bier

.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.tableback{
    position: relative;
    background: #001C29 url(images/back_gral.jpg) repeat-x left top;
}

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

Saludos.

Bier · #5 (**permalink**) 05/07/2010, 17:05

Cita:

Iniciado por jomaruro

Hola:

Un recomendación, esto:

es lo mismo que esto

Código CSS:

Ver original.tableback{
    position: relative;
    background: #001C29 url(images/back_gral.jpg) repeat-x left top;
}

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

Saludos.

Muy agradecido.

joseomaker · #6 (**permalink**) 06/07/2010, 13:04

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