Imagem Estática! (html)

[Guest Filipe G.]

Estou com um problema na minha página que está sendo difícil de solucionar.

Infelizmente não posso colocar o endereço dela aqui porque não hospedei (o site é um trabalho que estou fazendo, portanto só posso hospedar assim que terminar), mas vou tentar dizer para vocês detalhadamente qual o problema que está acontecendo.

Minha página possui uma grande imagem dividida em pequenos blocos de 30x30 pixels cada. Nesses blocos eu coloquei outras imagens por cima, utilizando este comando abaixo:

<a href="http://SITE.com.br" target="_blank"><img src="imagens/BLABLA.jpg" alt="blablabla" width="140" height="60" style="position: absolute; left: 148px; top: 187px; z-index: 1; border: 0px;" title="blablabla">

Onde o primeiro endereço é para onde essa imagem redireciona, o segundo é o local dela no servidor, o width e height é o tamanho dela, e o style (148px 187px) é o posicionamento dela no meu site.

O problema está exatamente neste style que faz o posicionamento da imagem.

Ao montar o site, vou visualizando como ele vai ficando no Mozilla Firefox, então vou lá e deixo a imagem posicionada exatamente em cima dos blocos, sem deixar parte pra fora nem nada. Quando eu restauro a página (não deixo ela maximizada), de forma que eu possa mudar o tamanho da janela, conforme eu mudo, a imagem fica ESTÁTICA na posição que eu mandei, sem se mexer conforme a página se mexe.

Alguém sabe como posso resolver esse problema?

Obrigado.

[Guest --ayrton --]

Estou com um problema na minha página que está sendo difícil de solucionar.

Infelizmente não posso colocar o endereço dela aqui porque não hospedei (o site é um trabalho que estou fazendo, portanto só posso hospedar assim que terminar), mas vou tentar dizer para vocês detalhadamente qual o problema que está acontecendo.

Minha página possui uma grande imagem dividida em pequenos blocos de 30x30 pixels cada. Nesses blocos eu coloquei outras imagens por cima, utilizando este comando abaixo:

<a href="http://SITE.com.br" target="_blank"><img src="imagens/BLABLA.jpg" alt="blablabla" width="140" height="60" style="position: absolute; left: 148px; top: 187px; z-index: 1; border: 0px;" title="blablabla">

Onde o primeiro endereço é para onde essa imagem redireciona, o segundo é o local dela no servidor, o width e height é o tamanho dela, e o style (148px 187px) é o posicionamento dela no meu site.

O problema está exatamente neste style que faz o posicionamento da imagem.

Ao montar o site, vou visualizando como ele vai ficando no Mozilla Firefox, então vou lá e deixo a imagem posicionada exatamente em cima dos blocos, sem deixar parte pra fora nem nada. Quando eu restauro a página (não deixo ela maximizada), de forma que eu possa mudar o tamanho da janela, conforme eu mudo, a imagem fica ESTÁTICA na posição que eu mandei, sem se mexer conforme a página se mexe.

Alguém sabe como posso resolver esse problema?

Obrigado.

[Guest Filipe G.]

Esse style mostra aonde a imagem está posicionada, eu posso alterar esse valor e a imagem se move também. Porém, ao que parece, ela não fica posicionada em relação a página e sim em relação a tela do computador, fazendo com que se eu altere o tamanho da janela do navegador, o posicionamento dela não altere conforme a página, posicionando a imagem desta maneira em locais onde ela não deveria estar.

Existe alguma maneira de eu deixá-la FIXADA com a página, fazendo com que independentemente do tamanho da janela no navegador, ela sempre fique na posição que eu desejo?

Obrigado.

Filipe G.

[Ronei Junior]

usa a margem em % não em px que a imagem vai ficar na mesma posiçã, só que não vai alterar o tamanho.

espero ter ajudado.