HTML + CSS - Poner imagen encima de otra

DarkSoldier

Buenas !

Ahora tengo esto:

<div class="xx" style="background:URL('imagen1.jpg') top center no-repeat;">
<a href="#"><img src="imagen2.jpg" border="0"></a>
</div>

El problema que tengo es que "imagen1.jpg" va variando, lo saca de una base de datos, y el tamaño de la imagen varia mucho...

como podria dejar imagen1.jpg con un tamaño fijo? 220x220px

PD: He buscado antes de postear y he visto que usando background no se puede cambiar el tamaño de la imagen por lo que mas que nada es para preguntar otras posibilidades

NeB1

el background no lo puedes cambiar de tamaño, sin embargo puedes hacer

background: URL('imagen1.php' ) top center no-repeat;

sí, un archivo PHP (o del lenguaje de servidor que tengas) y que ese archivo.php te devuelva la imagen correctamente redimensionada mediante GD.

1
DarkSoldier

vaaaaaale, me gusta esa idea !!! +1 !

ninjaedit: que es mejor, cuando se suba la imagen al servidor se redimensione y se guarde o redimensionarla cuando vayan a verla (lo que tu dices vamos..)

RaymaN

#3 siempre es mejor guardarla para que haga de caché en el cliente o te fundes la transferencia del host.

DarkSoldier

apa ya sta !! muchas gracias a los 2 !

#mv.nerd @ Qnet :)

Usuarios habituales

  • DarkSoldier
  • RaymaN
  • NeB1