Fiz uma página no DW e estou a tentar centralizá-la seleccionando tudo e usando o comando "Align" - centro, só que os layers não acompanham, e eu não consigo recolocá-los no lugar certo em relação a nova posição centralizada da page.
Aproveitando, não sei se seria assunto para outro tópico, mas estou com muita dúvida em relação à medida do layout. O que será melhor, fazer a página com largura de 1024px ou 779? E qual será o ideal para o comprimento? Tenho ouvido argumentos dos dois lados, mas não sei o que seguir. O 1024px é bem mais vistoso, mas me parece que o site não pode ser visto por inteiro na primeira visualização (tem rodar pra baixo), ao passo que o 779px, embora menor, já dá logo a noção do design por inteiro, pois sua visualização inicial é imediata em quase toda sua totalidade...tem sentido no que falo??
Obrigado,
Sérgio
Não Consigo Centralizar Layout
Started By zurawski, 23/06/2010, 20:12
3 replies to this topic
#1
zurawski
-
- Usuários
-
- 3 posts
Novato no fórum
- Sexo:Masculino
- Localidade:Lisboa
Posted 23/06/2010, 20:12
#2
Ligia_MB
-
- Usuários
-
- 3 posts
Novato no fórum
- Sexo:Feminino
- Localidade:Londrina-Pr
- Interesses:webdesign
Posted 30/06/2010, 10:41
Oi Sérgio, tudo bem? Eu costumo fazer meus sites com 990px de largura e centralizá-los horizontalmente no navegador, deste modo não dá barra de rolagem horizontal para quem visualiza com a resolução de tela de 1024px por 768px. Já se quiser fazer um site sem a barra de rolagem horizontal para aqueles que ainda possuem resolução de tela 800px por 600px, então terá que fazer com que seu site tenha 776px de largura mais ou menos.
Quanto a altura do site, é melhor não pré-definir, deixa que o próprio conteúdo se encarregue de esticá-la. Mas o ideal é fazer a página de modo que o visitante do site tenha que rolar o menos possível a tela verticalmente. O ideal, mas não é regra e vai depender do tipo de site que vc fará: um portal de notícias, por exemplo, não tem como não ter barra de rolagem vertical. Já um site institucional, é até possível e desejável, pelo menos sua Home (Página inicial)
Bom, teorias a parte, para centralizar um site com largura definida via CSS e de modo webstandard (sem ser estruturado por tabelas, que é uma prática pra lá de obsoleta) é bem simples: é só ir na abinha "Code" do dreamweaver e substituir o código ali existente por este (crie um novo arquivo antes):
Todo o site deverá ficar dentro da div que contém a classe "centra_site". Qualquer dúvida, é só perguntar.
Espero ter ajudado
:0)
Quanto a altura do site, é melhor não pré-definir, deixa que o próprio conteúdo se encarregue de esticá-la. Mas o ideal é fazer a página de modo que o visitante do site tenha que rolar o menos possível a tela verticalmente. O ideal, mas não é regra e vai depender do tipo de site que vc fará: um portal de notícias, por exemplo, não tem como não ter barra de rolagem vertical. Já um site institucional, é até possível e desejável, pelo menos sua Home (Página inicial)
Bom, teorias a parte, para centralizar um site com largura definida via CSS e de modo webstandard (sem ser estruturado por tabelas, que é uma prática pra lá de obsoleta) é bem simples: é só ir na abinha "Code" do dreamweaver e substituir o código ali existente por este (crie um novo arquivo antes):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
*{ margin:0; padding:0}
.centra_site{ width: 990px; margin:0 auto; text-align:center; background-color:#ccc}
p{ text-align:justify; padding: 10px}
</style>
</head>
<body>
<div class="centra_site">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>
</body>
</html>
Todo o site deverá ficar dentro da div que contém a classe "centra_site". Qualquer dúvida, é só perguntar.
Espero ter ajudado
:0)
Edição feita por: Ligia_MB, 30/06/2010, 10:43.
Lígia M. Barros - webdesigner freelancer (aceito ofertas para trabalho home-office)
Portfolio: www.li03.com
Portfolio: www.li03.com
#3
fernando_br6
-
- Usuários
-
- 1 posts
Novato no fórum
- Sexo:Não informado
- Localidade:Minas Gerais
Posted 05/07/2010, 14:53
Olá !!!!
Obrigado ... Tenho uma dúvida ainda.
Essa organização é so feita por class ou pode ser feita através de id ???
</Obrigado>
Obrigado ... Tenho uma dúvida ainda.
Essa organização é so feita por class ou pode ser feita através de id ???
</Obrigado>
#4
Ligia_MB
-
- Usuários
-
- 3 posts
Novato no fórum
- Sexo:Feminino
- Localidade:Londrina-Pr
- Interesses:webdesign
Posted 05/07/2010, 15:19
Fernando, tanto faz utilizar classe ou ID no CSS: em ambos os casos funcionam do jeito que expliquei.
Vc escolhe se utilizará classe ou ID conforme sua necessidade: o que for utilizado 1 só vez na página, então é mais semântico utilizar ID. Já os elementos que se repetirão várias vezes numa mesma página, é mais semântico utilizar classe.
Só lembrando que no CSS, uma classe começa com ponto e uma ID começa com #
:0)
Vc escolhe se utilizará classe ou ID conforme sua necessidade: o que for utilizado 1 só vez na página, então é mais semântico utilizar ID. Já os elementos que se repetirão várias vezes numa mesma página, é mais semântico utilizar classe.
Só lembrando que no CSS, uma classe começa com ponto e uma ID começa com #
:0)
Lígia M. Barros - webdesigner freelancer (aceito ofertas para trabalho home-office)
Portfolio: www.li03.com
Portfolio: www.li03.com
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)
