Alinear imagen abajo con CSS
4 seguidores
Quiero emular un <code><td valign="bottom"><img /></td> con <div class="bottom"><img /></div></code> pero no lo consigo :(
Lo que hacia antes es poner esa imagen como background, ya que los backgrounds si se pueden alinear abajo... pero en un diseño que estoy haciendo, tengo un div, con un background que se repite y dos imagenes a cada esquina del div.
Lo mas importante para mi en estos momentos es conseguir hacerlo sin 3 divs (div con background conteniendo dos divs para cada imagen)
¿quien me exa una manita?
sgiraldo
no se si he entendido muy bien, pero alinear una cosa abajo lo puedes hacer con una tabla poniendole un height=100% y al <td> de la imagen le pones valing=bottom.
Lo malo de este código, q se te alinea al final de la página y no al final de la ventana. Lo digo por si lo que querías es q siempre se mostrara al final de la ventana, y cuando se hiciera scroll pues que dicha imagen se bajara tb.
orange
Ya sgiraldo, pero es que lo que pregunta precisamente es cómo evitar meterlo en una tabla.
Me temo que no existe esa propiedad en CSS (al menos en la primera especificación), o yo no la conozco, en cualquier caso hay personas por este foro que saben más de esto que yo.
Asi que me te mo que la solución es el uso de varios DIVs.
Si el diseño no está centrado podrías probar a posicionarlas de manera absoluta.
arturitu
Con esto se solucionará tu problema, espero:
Crea un estilo
td.fondo
{
background-attachment: scroll;
background-position: bottom;
background-repeat: no-repeat;
}
Y luego en la tabla donde quieras que esté la imagen
<TD background="imagendefondo.gif" class="fondo">
sgiraldo
pues con un div... se podría hacer asi:
<style>
#capa {position:absolute;bottom:30px;left:0px;}
</style>
<Div id="capa"><img></div>
Con esto el div "capa" te quedaria situado a 30 px partiendo desde abajo (creo q es de la pantalla y no de la página.)
orange
Hombre, esa sería una solución si quieres alinearlas con la parte baja de la pagina.