1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Front page

Discussão em 'Web Development' iniciada por Vai de roda, 14 de Março de 2007. (Respostas: 2; Visualizações: 684)

  1. Vai de roda

    Vai de roda Power Member

    Boas pessoal,estou com problemas e não sei como resolver que é o seguinte,fiz um site com o front page e depois de pronto reparei numa coisa estranha ou melhor que eu desconhecia que é o seguinte:
    Se eu mudar a resolução a foto passa a não estar no meio alguém me sabe explicar como por a foto principal que está na primeira pagina a aparecer sempre ao centro seja em que resolução seja?

    Abraço
     
  2. Squillace

    Squillace Power Member

    Wrong section.
     
  3. msdevweb

    msdevweb Power Member

    Mesmo estando inicialmente no centro, estava no centro mas no teu PC, se visses em outro com o ecrã maior irias ver que nao estava no centro. a não ser que apenas queiras centrar a imagem Horizontalmente, para isso usas o <div align="center"></div> Mas se quiseres também centrar na vertical, Isso ja tens que saber a resolução do ecra do utilizador e calculares o centro. O melhor mesmo é fazeres um Javascript para te centrar a imagem no ecrã, para mais facilmente perceberes, verificas a 'height' do ecra do utilizador, imagina que é 860, e colocas a tua imagem numa tabela, a tua imagem, imaginemos têm 300px de altura, logo a tabela devera ter o mesmo. Ora o centro da altura da pagina é 860/2 = 430px e o centro da altura da imagem é: 300/2 = 150px, ou seja, o inicio da tabela com a imagem sera iniciada à altura de 280px (430px-150px) e acabara à altura de 580px. (430px+150px) Estes calculos podem ser feitos de forma simples em javascript. Isto é apenas uma maneira de resolver isso...

    Tens alguns sites que te podem ajudar com mais info's sobre javascript em:
    http://javascript.internet.com
    http://www.milonic.com/mfa/2002-March/relative-position-center-screen-size.html
    http://www.zimmertech.com/tutorials/javascript/21/page-resolution-detector-tutorial.php
    e talvez a mais fiavel solução para o teu prob:
    http://javascript.internet.com/page-details/dynamic-sized-image.html
     

Partilhar esta Página