ayuda background-image

gakutaru · #1 (**permalink**) 20/02/2009, 17:02

Holas, tengo una imagen de fondo en una tabla, la imagen es 'predeterminada' para todas las tablas que tengo en la web y que llamo con el css, pero necesito que la imagen se exapnda y se adapte a las tablas en las que es llamada

Código:

<html>
<head>
<style type="text/css">
table.fondotabla{
	background-image: url(../Desempeno/Stylos/fondotabla.bmp);
}
</style>
</head>
<body>
<table class="fondotabla">
<tr><td> Holas</td></tr>
<tr><td>foros del web</td></tr>
</table>
</body>
</html>

el codigo que muestra alli, hace que, si la tabla es mas grabde que la imagen comienza a repetirse, le habia agregado la linia:

Código:

 background-repeat: no-repeat;

pero la imagen no cubre toda la tabla, sino que se queda en el borde superior.

asi mismo si la imagen es mas grande q la tabla solo se ve una parte de la imagen y se ve mal la tabla.

entonces alguien sabe como hacer que la imagen se adapte a la tabla en la que es llamada??

jomaruro · #2 (**permalink**) 20/02/2009, 18:02

Hola:

Échale un vistazo a esta página, en el apartado estructurales los apartados de "Fondos de páginas deformable y no deformable".

Un saludo.

gakutaru · #3 (**permalink**) 20/02/2009, 18:35

exelente pagina, pero no logro adaptar el fondo, alli llaman la imagen con un tag <img.. > yo lo ago usando el background-image
sakare utilidades de la pag ^^

Dalvenjha · #4 (**permalink**) 21/02/2009, 07:31

No hagas spam, no hay manera de usar en CSS de momento un background image 100% debes simularlo con algún div que lleve una imagen a la que le pongas de tamaño 100% y 100%.

Pd.- Puedes cambiarlo con javascript, pero eso no soluciona mucho las cosas, antes aún probablemente las empeore, ya que tendrás demasiadas resoluciones.