redimensionar

J

jimmydox

Membro
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?​
 
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?
 
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
 
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.
 
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
 
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 !!!
 
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.
 
<style type="text/css"media="screen">


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





</style>
 
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)!
 
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.
 
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
 
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.
 
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 ? ?
 
<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.
 
Inicie sessão ou registe-se para poder participar.
Back
Topo