Estirar la foto del background de una tabla

schattenburg · #1 (**permalink**) 20/11/2012, 12:16

Hola a todos, tengo el siguiente código:

<table border=0 width=600 height=200 style="background:url('images/entradas_blog/foto1.jpg') no-repeat;" >
<tr><td> </td></tr>
</table>

Quiero que la foto1 del fondo (aunque sea una foto pequeña) se estire hasta ocupar todo el tamaño de la tabla. Lo he probado de muchas maneras pero nada, no lo consigo.

¿Alguna idea? Gracias

furoya · #2 (**permalink**) 20/11/2012, 12:30

Cita:

Iniciado por schattenburg

...
Quiero que la foto1 del fondo (aunque sea una foto pequeña) se estire hasta ocupar todo el tamaño de la tabla. Lo he probado de muchas maneras pero nada...

Te faltó probar eso de abrir un tutorial CSS. Buscá

css background cover

schattenburg · #3 (**permalink**) 20/11/2012, 12:38

Muchas gracias por tu respuesta, ya encontré cómo hacerlo, o dejo aquí por si le puede servir a otra persona:

<table border=0 width=100% height=200 style="background:url('images/entradas_blog/foto1.jpg') no-repeat;background-size: cover;"><tr><td></td></tr></table>

Saludos

tutorias · #4 (**permalink**) 20/11/2012, 13:26

Un saludo. Tal vez esto te pueda servir.

Código HTML:

<!DOCTYPE html>
<html lang="es-CO">
<head>
	<meta charset="UTF-8">
	<title></title>
	<style>
		table{
			-moz-background-size   :100%;
			-o-background-size     :100%;
			-webkit-background-size:100%;
			background             :url("imagenDeFondo.jpg");
                        background-repeat      :no-repeat;
			background-size        :100%;
			border                 :0;
			height                 : 200px;
			width                  : 600px;
		}
	</style>
</head>
<body>
	<table>
		<tr>
			<td>!Hola mundo!</td>
		</tr>
	</table>
</body>
</html>