Imagen fija en un sitio

kokecola2k2 · #1 (**permalink**) 28/07/2007, 12:51

Me atrevo a ponerlo en este foro pero como no se como se hace no se donde va...
La cosa es poner una imagen (normalmente la he visto en la parte de abajo a la derecha) pero que no se mueven cuando haces scroll...

un ejemplo es el homer de esta web http://blog.netmasters.cl/

supongo que sera facil pero no se como se hace (sera simplemente cuestión de "background"?)

Saludos!

Kailu · #2 (**permalink**) 28/07/2007, 13:54

tengo el script en alguna parte pero ando corto de tiempo, aquí te dejo un vínculo donde hay uno parecido, tal vez ahí mismo encuentres el que buscas o puedas modificarlo tu.

Saludos.

Site Logo

kokecola2k2 · #3 (**permalink**) 28/07/2007, 15:07

bueno, eso lo hace, pero al bajar por la web se mueve la imagen... y la de la web que he puesto no se mueve en ningún momento, asi que supongo que sera otro metodo.
gracias por contestar ;)

vmac179 · #4 (**permalink**) 28/07/2007, 15:20

Es bastante fácil solo tienes que hacerlo con css

Código:

#homer {
	position: fixed;
	right: 25px;
	bottom: 0px;
	display: block;
	width: 130px;
	height: 90px;
	background: url(http://blog.netmasters.cl/images/Image/homer-comentario.png) bottom center no-repeat;
	text-indent: -999em;
	z-index: 90;
	text-decoration: none;
	}

y después en el cuerpo de la pagina lo llamas

Código:

<div id="homer"/>

Eso seria Saludos

kokecola2k2 · #5 (**permalink**) 30/07/2007, 01:34

bueno asi salia medio... porque solo salia la imagen y ya esta, ni colocada en su sitio ni fija pero probando he comprobado que hace falta poner <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

sera cosa del idioma que sino lo pones no pillaba algo... pero ahora sale

gracias!