CSS - Adaptar una imagen al fondo de una tabla

   
Vista:

Adaptar una imagen al fondo de una tabla

Publicado por Gastón (1 intervención) el 01/09/2014 20:32:38
Buenas, necesito con cierta urgencia una pequeña ayuda. El problema estoy usando un mismo fondo para todas las tablas de la pagina web (asi me dijeron que lo haga) pero no estoy pudiendo hacer que la imagen se adapte al tamaño de la tabla.
Ya probe con muchos estilos CSS, fixed, attached, etc pero ninguno funciona. Se perfectamente que se va a terminar estirando al punto de que se pixelee asquerosamente pero no es decision mia y necesito una forma de solucionarlo.
Un saludo
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

Adaptar una imagen al fondo de una tabla

Publicado por xve (349 intervenciones) el 01/09/2014 20:57:27
Hola Gastón, haber si te sirve este ejemplo...

Lo que hace, es que adapta la imagen a la altura y anchura total de la tabla, deformando la imagen si es necesario.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <style>
    table{
        background:#8ba987 url('http://www.lawebdelprogramador.com/logolwp100x25.jpg') no-repeat center center;
        background-size:100% 100%;
    }
    </style>
</head>
<body>
 
<table width="400" height="300">
	<tr>
		<td>uno</td>
		<td>dos</td>
	<tr>
	<tr>
		<td>uno</td>
		<td>dos</td>
	<tr>
	<tr>
		<td>uno</td>
		<td>dos</td>
	<tr>
</table>
 
</body>
</html>

Coméntanos si te sirve, ok?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de yazminwse

Adaptar una imagen al fondo de una tabla

Publicado por yazminwse (1 intervención) el 11/12/2014 20:24:38
Hola es un gusto estar aqui, espero seguir en contacto con ustedes.
Saludos!!!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar