4 replies to this topic

[yagamiraito]

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.

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 pela ajuda.

[Andreia Regina]

Movendo de Artigos, Dicas e Tutoriais de (X)HTML, JS, CSS, Semântica e Tecnologias para CSS & Semântica (Tableless)

Ela está ficando exatamente nas proporções que você definiu através da position: absolute e dos px tente utilizar outra unidade de medida

[yagamiraito]

Ela está ficando exatamente nas proporções que você definiu através da position: absolute e dos px tente utilizar outra unidade de medida

Eu sei que ela fica nas proporções que eu defini. Porém, a imagem não fica fixa no site. Se eu movimentar a janela, a imagem fica "estática na tela", ao invés de se movimentar com o restante.
Sabe o que eu devo alterar para solucionar isso?

Obrigado novamente.

[Andreia Regina]

Vc tentou trocar a unidade de medida, como sugeri anteriormente?

[bimonti]

Tente com uma unidade relativa, como "%" ...