Ir para conteúdo
Fórum Script Brasil
  • 0

Imagem Estática! (html)


Guest Filipe G.

Pergunta

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.

Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0
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.

Link para o comentário
Compartilhar em outros sites

  • 0
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.

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...