Jump to content

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


Recommended Posts

Posted

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

Posted

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: 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: J779vV9.jpg

----

Espero me ter feito entender s:

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.