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

centrar paginas web em HTML

Discussão em 'Web Development' iniciada por alealferreira, 19 de Junho de 2009. (Respostas: 8; Visualizações: 1436)

  1. Estou a fazer um site para uma empresa, em estagio, e utilizo o adobe dreamweaver.

    acontece que esta tudo a ficar alinhado a esquerda e queriamos que ficasse centrado, por uma questao de estetica.

    sera que alguem sabe como centrar as paginas.


    desde ja agradeço as ajudas que me possam dar.
     
    Última edição: 19 de Junho de 2009
  2. boas

    se estiveres a utilizar a tag <div> entre cada conteúdo, é só colocares <div align="center"> e assim tudo o que tiveres entre <div> </div> será alinhado como quiseres...
    espero ter ajudado

    cumps
     
  3. Para evitar problemas cross browser recomendo que uses uma abordagem de css.
    Basta aplicar o doctype correcto no topo do html.

    Quanto a centrar basta criares uma div com a largura desejada e aplicares uma margem automática dos dois lados.

    Por exemplo:

    <div style="width:900px; margin:0 auto">

    </div>
     
  4. K0mA

    K0mA Power Member

  5. peco desculpa por ser uma pergunta recorrente , mas durante as minhas pesquisas nao consegui encontrar nada sobre alinhamento horizontal, nao devo ter pesquisado pelos termos mais correctos

    obrigado pelo aviso e pela respostas.
    espero que venha a ajudar quando estiver a editar as paginas novamente.

    Cumprimentos
     
  6. Obrigado a todos os que me tentaram ajudar mas não consegui centrar todos os objectos que era preciso.

    Estou a reformular tudo de outra maneira que penso ser mais fácil.
     
  7. tevez15

    tevez15 Power Member

    <center> (conteudo) </center>


    se o que eles acima disseram nao deu lol
     
  8. Obrigado na mesma tevez mas agora ja fiz de outra maneira

    Usei uma tabela e pustudo la dentro

    Obrigado

    Cumprimentos
     
  9. K0mA

    K0mA Power Member

    Código:
    <!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=iso-8859-1" />
    <title></title>
    
    
    <style type="text/css">
     .centrado{
    margin: 0 auto;
    background-color: grey;
    width: 500px;
    }
    </style>
    
    </head>
    
    <body>
    <div class="centrado">
    <h1>Este div está centrado</h1>
    </div>
    
    
    
    </body>
    </html>
     

Partilhar esta Página