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

[Duvida] Como posso centrar o meu site?

Discussão em 'Web Development' iniciada por pepezito, 9 de Dezembro de 2007. (Respostas: 15; Visualizações: 1885)

  1. pepezito

    pepezito Power Member

    Boas pessoal...

    a minha razao de vir aqui é a seguinte:

    eu estou a criar um site...mas eu ainda ando uma beca as escuras em relação ao HTML...

    que eu queria pedir era se alguem me podia ajudar a centrar o site...

    o site é: www.ligaiedp.com.sapo.pt

    como podem ver o site está encostado à Esquerda...e eu queria po-lo centrado...

    ja estou farto de mexer no codigo a ver se fica, mas nunca consigo meter...

    Pff se alguem me puder ajudar, agradecia imenso...

    no caso de ser dificil de explicarem-me...eu mando o codigo e acrescentam-me, sff


    espero respostas...

    abraços [[[]]]
     
  2. xOy

    xOy Power Member

    experimenta por <div align="center"> no inicio...

    btw... o teu site ate tem um desgin porreiro.. esta graficamente engraçado... parabens!! :D
     
  3. pepezito

    pepezito Power Member

    obrigado... ;)

    desculpa la... mas eu ainda sou uma beca noob...

    mas meto isso em que zona?

    <html>, <head> ou <body>??

    em qual deles meto??

    não ligues à minha ignorancia...loool
     
  4. xOy

    xOy Power Member

    a seguir ao <body> ...
     
  5. pepezito

    pepezito Power Member

    não está a dar...

    queres que te envie o codigo...para ver se consegues...
     
  6. xOy

    xOy Power Member

    eu ja tive a ver o codigo da tua pagina e pensei k tivesses feito em tabelas.. mas fizeste com CSS...

    opha.. agora tens e' k por as coordenadas para centrar o bixo....

    mas tu experimentaste mesmo por <div align="center"> ?? nao <p align=center>
     
  7. pepezito

    pepezito Power Member

    ya antes tinha isso, agr ja não tenho...

    fazer em tabelas??

    como é mais facil??

    em tabelas ou em CSS??
     
  8. xOy

    xOy Power Member

    e' melhor CSS.. n se trata de ser mais facil ou nao... e' o futuro.. css.. tabelas e' da old school.. :P
     
  9. K0mA

    K0mA Power Member

    Boas,

    Não sei que ferramenta utilizaste para fazer o site mas aquilo tá uma confusão do caneco.
    Em resumo, primeiro fazes a estrutura do site os divs todos usando CSS (tabelas não servem para o esqueleto dos sites).
    Só depois é que passas para o conteúdo se não é uma confusão para detectar erros e fazer alterações.
    Precisas aprender CSS sem isso não vais a lado nenhum é por aí que deves começar.


    Testa lá assim:


    Conselho: aprende CSS e começa tudo de novo.
    Depois de saberes CSS, aprende sobre layouts

    PS. É natural que tenhas estas dúvidas pois esta parte não está lá muito clara porque foi aparecendo aos poucos e poucos com a necessidade de fazer melhores sites, daí que haja muita gente que pense que para fazer um site precisa de saber html, quando o que precisa mesmo é de saber bem CSS e layouts.

    Deves usar o http://validator.w3.org/#validate_by_input para validares o teu código encontras um erro e investigas no google, pois há erros que são aceitáveis...
     
    Última edição: 9 de Dezembro de 2007
  10. pepezito

    pepezito Power Member

    obrigadao K0mA ;)

    aserio...agradeço-te

    ya vou ver isso do CSS e dos layouts
     
  11. fil79

    fil79 Power Member

    convém também habituares-te a fazer os CSS´s em ficheiros externos...em futuras alterações no site vão te dar muito jeito...
     
  12. ftcs

    ftcs Power Member

    K0mA, por acaso sabes centrar DIVS verticalmente em CSS?

    Obrigado.
     
  13. deltasw

    deltasw Power Member

  14. msdevweb

    msdevweb Power Member

  15. K0mA

    K0mA Power Member

    Centrar Div Verticalmente

    Código:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/URL]">
    <html xmlns="[URL]http://www.w3.org/1999/xhtml[/URL]">
     
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title></title>
     
    <style type="text/css">
    [COLOR=yellowgreen].centered_div{[/COLOR]
    [COLOR=yellowgreen]width:500px;[/COLOR]
    [COLOR=yellowgreen]height:200px;[/COLOR]
    [COLOR=yellowgreen]position:absolute;[/COLOR]
    [COLOR=yellowgreen]top:50%; left:50%;[/COLOR]
    [COLOR=yellowgreen]margin-left:-250px;  /*METADE DE width:500px */[/COLOR]
    [COLOR=yellowgreen]margin-top:-100px; /* METADE DE height:200px; */[/COLOR]
    [COLOR=yellowgreen]background:red;[/COLOR]
    [COLOR=yellowgreen]}[/COLOR]
    </style>
    </head>
     
    <body>
     
    <div class="[COLOR=yellowgreen]centered_div[/COLOR]">
    centered div content
    </div>
     
    </body>
    </html>
    
    O resultado podes ver aqui.

    fonte http://www.dezinerfolio.com/2007/05/02/the-simplest-way-to-horizontally-and-vertically-center-a-div/
     
    Última edição: 15 de Maio de 2008
  16. ftcs

    ftcs Power Member

    Era mesmo isso que precisava! :p
    Obrigado!
     

Partilhar esta Página