capas
3 seguidores
:___(
Hola de nuevo!!!
Una última pregunta! Cómo puedo ahcer para lograr q una img quede alineada en la base de una pagina sin q dependa del tamaño de la misma.
Lo he probado con una capa pero no se como alinearla!
gracias !!!!!!!!!!!
meddle
CSS:<code>#footer {bottom: 10px;}</code>Luego en el html<code><div id="footer"><img src="loquesea.jpg" alt="imagen de footer"></div></code>o bien<code><img id="footer" src="loquesea.jpg" alt="imagen de footer"></code>Como ves se puede hacer de muchas maneras, aun hay mas.
adn
No estoy seguro de entender bien tu código, Meddle, pero me parece que para lo que Patricia quiere conseguir es mejor usar imágenes de fondo:
body {
background: #fff url(tuimagen.loqsea) 40% bottom no-repeat;
}
Creo que es más lógico y está mejor soportado en los distintos navegadores. [/i]
Patricia
Gracias a los dos!
Mmmm... lo primero no me funciona, y lo q tu dices, adn, n opuedo utilizarlo pq tengo una imagen de background. Necesito aplicarlo a una imagen dentro del body... ¿sabes como?
thank u =)
adn
Creo que la mejor forma de hacerlo es una imagen de fondo... todo lo demás suelen ser 'hacks' (que suelen ser chapuzas). A lo mejor puedes posicionar la imagen dentro de una capa si usas pop-up. A lo mejor puedes posicionar el background que ya usas y poner la nueva como fondo.
Creo que necesito más pistas. ¿Una url?
meddle
adn,
estoy de acuerdo en que debe ser una imagen de fondo via css. cuando la cago tambien se reconocerlo ;)
adn
Aún sigo sin entender tu código, Meddle...
Pero es que estoy demasiado a punto de irme a la cama como para probarlo ;-D
Lo bueno de este foro es precisamente la increïble cantidad de ideas que hay para llevar a cabo cualquier cosa:::
SE aprende muchïsimo:::
lo siento; pero se me acaba de colgar el teclado con las filter keys:::
reiniciando:::
meddle
lo siento, me habia dejado el position:absolute. Alla vamos:<code><html>
<head>
<title>Test Template</title>
<style type="text/css">
#footer {position:absolute; bottom: 10px;}
</style>
</head>
<body>
<div id="footer">image: <img src="loquesea.jpg" alt="imagen de footer"></div>
</body>
</html></code>
o bien
<code><html>
<head>
<title>Test Template</title>
<style type="text/css">
#footer {position:absolute; bottom: 10px;}
</style>
</head>
<body>
<img id="footer" src="loquesea.jpg" alt="imagen de footer">
</body>
</html></code>
Patricia
gracias meddle! ahora si!
muxas grasias a los dó!
cnd esté lista la web ya os avisaré.
bsos