CSS - Adaptar una imagen al fondo de una tabla

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 clara

No me gusta: Está pregunta no esta clara o no es útil

Responder

Pos: 2

Val: 624

Adaptar una imagen al fondo de una tabla

Publicado por xve (490 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.

<!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 clara

No me gusta: Está respuesta no esta clara o no es útil

Comentar

Adaptar una imagen al fondo de una tabla

Publicado por carlos chirinos (1 intervención) el 26/04/2017 16:55:58

muy buen ejemplo... ahora tengo una pregunta si no quiero colocar una imagen de internet sino que quiero colocar una almacenada en mi pc o servidor como cambiaria el ejemplo?

Valora esta respuesta

Comentar

Pos: 2

Val: 624

Adaptar una imagen al fondo de una tabla

Publicado por xve (490 intervenciones) el 26/04/2017 18:16:21

Hola Carlos, en tu pc no puede estar, ya que desde internet la gente no tendra acceso a la imagen de tu disco duro, a no ser que el servidor web este en tu maquina...

seria algo así:

background:#8ba987 url('logolwp100x25.jpg') no-repeat center center;

Suponiendo que la imagen esta en la misma carpeta que el archivo html

Valora esta respuesta

Comentar

Adaptar una imagen al fondo de una tabla

Publicado por Daniel Cruz (1 intervención) el 31/07/2017 18:53:33

amigo le pones el nombre de la carpeta ejemplo
URL(../image/favicon)

Valora esta respuesta

Comentar

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

Comentar

modificar estilo

Centralizar Web