Fondo aleatorio de tabla

lomoon33 · #1 (**permalink**) 10/11/2009, 19:12

Hola a todos, hace un montón de tiempo que no toco HTML y estoy un poco perdido.

El caso es que me gustaría poder hacer un sistema de fondos aleatorios de tabla. Puedo hacerlo como imagen pero no como background de tabla...no se si me explico.

este es el código de lo que estoy haciendo:

Cita:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
<html><head>
<title>Tabla con scroll en una celda</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css" media="screen">
table {
width: 1024px;
height: 700px;
}

th {
background-color: #3F6769;
color: #FFFFFF;
text-align: left;
padding: 0px 50px;
}
.scrollable {
width: 177px;
height: 700px;
verflow: auto;
background-image:url(fondotransparente.png)
}

</style>
</head>
<body>
<table border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000">
<tr>
<th valign="top"><div class="scrollable"></div>
</th>
</tr>
</table>
</body>
</html>

Y esto es lo que estoy intentando modificar pero no logro hacer que funcione:

Cita:

No se si modificar el IMG SRC por un background-image o cosas parecidas

A ver si me echáis una mano

Gracias!!!

lomoon33 · #2 (**permalink**) 11/11/2009, 06:37

Me autorespondo:

<html><head>
<title>Tabla </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css" media="screen">
td.marco {
height: 600px;
width: 1024px;
padding: 0px 50px;
border: 1px;
}

.banda {
width: 177px;
height: 700px;
verflow: auto;
background-image:url(fondotransparente.png)
}

</style>

<script language="JavaScript" type="text/javascript">

var image = new Array();

image[0] = 'random1.jpg' ;
image[1] = 'random2.jpg' ;

var index = Math.floor(Math.random() * image.length);
document.write('<style type="text/css"> td.marco { background-image: url('+ image[index] +') } </style>');
</script>

</head>
<body>
<table align="center" cellpadding="0" cellspacing="0">
<tr>
<td class='marco'><div class="banda"></div>
</td></tr>
</tr>
</table>
</body>
</html>