Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

lhsrocha

Tamanho da página

Por , em Desenvolvimento frontend

Recommended Posts

lhsrocha    0

lhsrocha
Postado

Olá galera !!! Fiz um layout de como ficará a minha página , mas a minha primeira preocupação agora é... fiz o fundo e tudo mais em psd... é uma extens´~ao aceitável no css?Qual o tipo de preocupação que devo ter , sobre o tamanho que deve ficar , em caso de vizualizações em monitores de 14.... ?Como faço com para ficar assim... centralizado na tela ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

fsphp    0

fsphp
Postado

As melhores extensões de imagem para se usar são .jpg(fotos) e .gif(desenhos).

 

O ideal é definir uma div com width:770px;

 

Para centralizar defina align:center;

 

css é simples, mas tem que estudar uns tutoriais e artigos. Dê uma olhada nos que estão aqui no fórum, lá em cima. http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ricardo Barato    0

Ricardo Barato
Postado

você também pode usar imagens do tipo png para montar seu layout. Só lembrando que se tiver canal alfa no png (transparência) ela pode mal funcionar no IE (isso você resolve com hack, mudando o css de .png pra .gif)E pra centralizar na tela não é tão simples como um align:center; hehehevocê pode fazer assim. Nomear um div "pai" como pai ou mestre, ou como queira :P e colocar as propriedades:#mestre { width:770px; position:absolute; margin-left:-385px; left:50%;}com isso seu div "mestre" fica alinhado no centro do browser em qualquer resolução ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

fsphp    0

fsphp
Postado

Ops, quer dizer, align:center; para alinhar o texto. ;) Para alinhar a página na tela é como o ricardo falou. :D

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

to vendo q ng le os artigos q escrevo neh? <_<

 

experimente abrir a pagina em uma resolução 640x480 neste modo de alinhamento http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif fora q sempre q quiser modificar o tamanho da janela, terá q modificar o margin, left, etc... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ricardo Barato    0

Ricardo Barato
Postado

Bruno não intendi o problema com esse tipo de alinhamento. Em 640x480 ele simplesmente estoura o layout. Só que convenhamos... quem usa menos que 800x600 hoje?É digamos que extremamente RARO. Pra acertar seria só com width com porcentagem. O que daria muiiiiiiiiiiiiiito mais trabalho :P

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

simplesmente estoura o layout? naum naum... experimente fazer... você verá o q eu estou falando... como tem top e left negativo, o q estiver dentro dessa área SOME da pagina... experimente fazer:

<html><head><title> </title><style type="text/css">#page {	background-color:#d5d5de;	position: absolute;	margin: -250px 0 0 -350px;	top: 50%;	left: 50%;	height: 500px;	width: 700px;}</style></head><body>	<div id="page">bruno</div></body></html>
dps mude pra resolução 800x600 e veja se a palavra aparece... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

e pra centralizar o layout, experimente ver um dos meus artigos... verá que eh muuuuuuuito mais fácil e prático http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

http://www.imasters.com.br/artigo.php?cn=3638&cc=280

Compartilhar este post

Link para o post
Compartilhar em outros sites

Browser    0

Browser
Postado

Nunca tive nenhum problema com o margin-right negativo.Não sei como fica em 640 por 480 pq meu monitor não diminui mais que 800x600.Raramente alguém usa 640x480, eu particularmente uso 1152x864.

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

fala browser... sei q praticamente ng utiliza 640x480... 800x600 eh a grande maioria... eu utilizo 1280x1024...

 

mas você testou o exemplo q eu dei? em 800x600 ele "come" o layout, ou seja, naum eh nada seguro utilizar margem negativa... se a altura for maior q 400px você corre o risco d "comer" o layout, pq tem o risco do usuario ter barra do google, do ibest, fora outras barras, o q diminui o tamanho da altura útilo do navegador...

 

portanto, se você tem um modo mais simples, mais facil, e q seu layout naum vai ser "comido", apenas terá uma barra d rolagem, pq então naum utilizar esta forma http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito