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

redimensionar

Discussão em 'Web Development' iniciada por jimmydox, 20 de Abril de 2012. (Respostas: 19; Visualizações: 924)

  1. Tenho uma dúvida que gostava se possível que me esclarecessem.

    Ao redimensionar a janela, a página estende ou comprime.
    Como posso fazer para ao redimensionar a janela, essa manter-se igual?
     
  2. rosepwr

    rosepwr Power Member

    Tens que fixar a dimensão da página com o "width". Ex.: witdh=XXXpx;
     
  3. rosepwr sou um pouco noob na matéria. E estou a fazer um site em html css no notepad.
    Podias ser um pouco mais específico sobre o que é que tenho que fazer?
     
  4. MrOverclock

    MrOverclock Power Member

    Podes meter uma div que envolva o conteudo completo do site e podes colocar uma Max-With e um Min-with no CSS dessa DIV, o mesmo para as tabelas, penso eu, se preferires usar tabelas em vez de DIVs

    Não sei se a sintaxe está correcta mas é algo do género
     
  5. Peço desculpa por a minha noobice, mas podias dar-me um exemplo?
     
  6. rosepwr

    rosepwr Power Member

    Estás a usar CSS ??? Se estiveres, testa isto:

    body{
    width: 400px;
    }

    se não usares css testa isto no teu html na tag body: <body width="400px"> (isto nunca se deve fazer)

    No entanto convinha saber como está a estrutura da tua página.
     
  7. Sim estou a usar css, e ao utilizar width:400 "cortou-me" uma parte da página.
    Penso que não me estou a fazer entender.
    Ao dimensionar a página, o site diminui, não se mantem constante. O que pretendia era que a redimensionar a página esta mantive-se-se igual.

    Por exemplo ao dimensionar esta página do zwame, o site mantem-se com as mesmas dimensões, aparecendo as barras horizontais e verticais quando estou a redimensionar a janela.

    Aguardo resposta
     
  8. rosepwr

    rosepwr Power Member

    hehehe, cortou-te metade da página porque dei o exemplo de 400px. Tu tens que ver a área que a tua página ocupa e depois então definir a width.

    Se tiveres uma página a com um width de 1080 e defenires esse mesmo width no css, quando redimensionares o browser, vão aparecer as barras no browser !!!
     
  9. Ainda não é bem isso..
    Por exemplo o background ao redimensionar a página fica mais estreito. E eu ao redimensionar a página queria que isso não acontece-se.
     
  10. rosepwr

    rosepwr Power Member

    E como é que estás a colocar o background ???
     
  11. <style type="text/css"media="screen">


    body {
    background-image: url("background.png");
    background-repeat: no-repeat;
    background-size:
    100% 100%
    }





    </style>
     
  12. rosepwr, podes dizer-me o que está em falta?
     
  13. MrOverclock

    MrOverclock Power Member

    Aqui o forum também redimensiona quando mudas o tamanho da janela, mas quando chega a um minimo de 1024 (penso que é esta a medida) ele não encolhe mais e aparecem as tais barras de scrool. O que eu te sugeri era fazer isso mesmo e usar a propriedade Min-Width. Quando é grande estica, mas quando se diminui não diminui mais do que o tamanho que tu definires!

    se não me engano usa-se assim:

    NomeDoCSS{
    min-width: 1024px;
    }

    EDIT: Se não queres encolher o fundo não podes usar percentagem para o tamanho mas sim pixeis (px)!
     
  14. rosepwr

    rosepwr Power Member

    Isso mesmo. Se defines o background como %, o gajo encolhe ou estica consoante o espaço disponível.
     
  15. MrOverclock e rosepwr muito obrigado, mas, ainda não é bem isso.

    Por exemplo eu tenho uma imagem no canto direito do site, e quando movo a janela para a esquerda a imagem acompanha o site, e eu pretendia que essa fica-se no mesmo local. Onde depois ao aumentar novamente a janela essa reaparece-se.
     
  16. rosepwr

    rosepwr Power Member

    Agora já estou a ficar baralhado. Essa imagem é background ??? é uma <img> ??? está dentro de algum elemento ??
    Palpita-me que deves ter o html mal estruturado. Vai a "http://validator.w3.org/" e verifica se pelo menos o html está bem composto
     
  17. Está tudo bem composto.

    Outra dúvida.

    Será que há um modo mais simples de centralizar uma imagem sem ser este código?

    <img src="logo1.png"
    style="position:absolute;
    float:center;
    right:875px;
    bottom:500px;">


    e precisava de saber como fazer um hyperlink para essa imagem.


    Obrigado pela ajuda até agora.
     
  18. rosepwr

    rosepwr Power Member

    mais baralhado estou,

    1º estava no canto superior direito, agora queres no centro. não mostras o código html, portanto é difícil. deixa de usar estilos inline.

    2º Queres que a imagem seja um link, ou queres um link que te abra a imagem, ou queres que quando se click num link, ele posiciona a página no local da imagem ? ?
     
  19. Ora bem

    quero que a imagem seja um link. Podes ajudar-me?
     
  20. rosepwr

    rosepwr Power Member

    <p><a href="teste.html"><img src="teste.gif" alt="Imagem de teste" /></a></p>

    entre as "", colocas o link, a imagem, e o texto que queres que seja apresentado quando não for possível ver a imagem.
     

Partilhar esta Página