Ir para o conteúdo
  • Revista PROGRAMAR: Já está disponível a edição #60 da revista programar. Faz já o download aqui!

Skun Fly

[HTML]Imagem muda de posição conforme a resolução do browser

Mensagens Recomendadas

Skun Fly

Boa noite, o meu caso é o seguinte: eu queria adicionar algo ao blog (que faz parte da rede social: tumblr) esteticamente, então peguei num símbolo que eu gosto bastante e que tem significado para mim e usei os meus conhecimentos básicos de html e css e coloquei a imagem num sítio conforme a minha resolução, ficou perfeito, mas como eu tenho 2 monitores eu mudei a página web para o outro monitor, que tem uma resolução mais pequena, e reparei que a imagem mudava de sítio, bem desde aí que tento resolver este problema e que procuro na web por resoluções mas até agora ainda não consegui nada. Espero que me possam ajuda, ficarei muito agradecido!

Aqui está o código html da imagem se for preciso:

<img style="position:fixed; height:120px; bottom:320px; align:left; left:15px;"src="http://imageshack.com/scaled/large/547/81r0.jpg">

Obrigado pela atenção,

Cumprimentos, Skun Fly

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
Skun Fly

Eu não dei o link do blog porque eu retirei a imagem, mas irei passar uns screen shots que poderam explicar melhor (peço desculpa desde já pelo título do blog) :

Neste primeiro screenshot está com a resolução do meu maior ecrã pelo qual eu me baseei a colocar as imagens e ficaram assim: http://i.imgur.com/QlV2zbh.jpg

As imagens são aquelas pretas do lado esquerdo.

-----

Mas ao mudar a resolução do browser, como esta próxima imagem mostra, os símbolos sobem um pouco para cima: http://i.imgur.com/J779vV9.jpg

----

Espero me ter feito entender s:

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
I-NOZex

experimenta usar assim:

<img style="position:fixed; height:120px; top:320px; align:left; left:15px;"src="http://imageshack.com/scaled/large/547/81r0.jpg">

  • Voto 1

B2R » Beat2Revolution v3.0b | Regista e divulga-nos

beat2revolution.net

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
Skun Fly

Resultou! Muito obrigado (:

Mas eu não consigo compreender porque é que alterar o 'bottom' pelo 'top' resolve a problema...

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora

×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.