Jump to content
Skun Fly

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

Recommended Posts

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

Share this post


Link to post
Share on other sites
I-NOZex

eu nao entendi o qe queres dizer com "mudar de sitio" :/

nao poderias facultar o endereço do blog para ver o problema?


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

beat2revolution.net

Share this post


Link to post
Share on other 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:

Share this post


Link to post
Share on other 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">

  • Vote 1

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

beat2revolution.net

Share this post


Link to post
Share on other sites
Skun Fly

Resultou! Muito obrigado (:

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

Share this post


Link to post
Share on other sites
I-NOZex

simples, o alinhamento principal é feito pela esquerda e pelo topo ;)

tu queres é q a imagem teja um X mais abaixo do topo

  • Vote 1

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

beat2revolution.net

Share this post


Link to post
Share on other sites

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.