← Desenvolvimento

Alinhar div ao centro

Lida 18108 vezes

Offline

Ricardo75 
Membro
Mensagens 1660 Gostos 0
Troféus totais: 28
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

Como é que alinha uma div ao centro? Já tentei o <div align="centre"> mas não funciona, alguém sabe como se faz?
Offline

fpware 
Fundador
Mensagens 15318 Gostos 6
Troféus totais: 38
Trófeus: (Ver todos)
Linux User Mobile User Level 6 Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5

Código: [Seleccione]
<div align="center"></div>
Offline

Ricardo75 
Membro
Mensagens 1660 Gostos 0
Troféus totais: 28
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

lol  :oops:  erro meu.
Mas eu faço isso no dreamweaver e ele não dá esse tipo de erros e mesmo assim não funciona  :cry:
Offline

MiguelTavares 
Membro
Mensagens 3871 Gostos 0
Troféus totais: 33
Trófeus: (Ver todos)
Avatar Level 6 Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4

centre diferente de center ;)
Offline

fpware 
Fundador
Mensagens 15318 Gostos 6
Troféus totais: 38
Trófeus: (Ver todos)
Linux User Mobile User Level 6 Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5

Citação de: "Ricardo75"
lol  :oops:  erro meu.
Mas eu faço isso no dreamweaver e ele não dá esse tipo de erros e mesmo assim não funciona  :cry:


Não funciona?

Tens aí o código?
Offline

Ricardo75 
Membro
Mensagens 1660 Gostos 0
Troféus totais: 28
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

Não tenho código, é só uma curiosidade porque já tentei e não consegui.

Mas olha, tentei agora à mão e parece que está a dar  :D
Vou tentar de novo com o dreamweaver para ver o que poderá estar mal.
 :orei:
Offline

karrico 
Membro
Mensagens 2962 Gostos 0
Troféus totais: 28
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1 2500 Posts

Faz assim

Citar

<div align="center"> --> isto tens que por antes do "table"
<table>
</table>
</div> ---> Poes depoix do "/table"

[/quote]
Offline

fpware 
Fundador
Mensagens 15318 Gostos 6
Troféus totais: 38
Trófeus: (Ver todos)
Linux User Mobile User Level 6 Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5

:lol:  às vezes à pata as coisas ficam melhor! ;)

às ordens!
Offline

Ricardo75 
Membro
Mensagens 1660 Gostos 0
Troféus totais: 28
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

Afinal não era bem isto que queria  :D
Olha vê lá isto:
Código: [Seleccione]
<html><head>
<style type="text/css">
<!--
.div_teste {
font-family: "Times New Roman", Times, serif;
font-size: 12px;
color: #CCCCCC;
width: 200px;
border: 1px dotted #CCCCCC;
background-color: #666666;
}
-->
</style>
</head>
<body>
<div class="div_teste" align="center">Funfunfunfun<br /> FCP !</div>
</body></html>


o que fica alinhado é o texto dentro da div e não a div  :cry: tal como me acontecia antes. Como fiz à mão não tinha colocado estilos e não me apercebi que a div estava a 100%  :oops:
Offline

Ricardo75 
Membro
Mensagens 1660 Gostos 0
Troféus totais: 28
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

Citação de: "karrico"
Faz assim

Citar

<div align="center"> --> isto tens que por antes do "table"
<table>
</table>
</div> ---> Poes depoix do "/table"

[/quote]

Obrigado pela ajuda, mas a minha ideia era mesmo não usar tables.
Exemplo: http://fifamanager.uni.cc/
tentei fazer aquilo com uma div, mas não consegui, por isso usei mesmo uma tabela.
Offline

fpware 
Fundador
Mensagens 15318 Gostos 6
Troféus totais: 38
Trófeus: (Ver todos)
Linux User Mobile User Level 6 Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5

Tenta assim:

Código: [Seleccione]
<html><head>
<style type="text/css">
<!--
.div_teste {
   font-family: "Times New Roman", Times, serif;
   font-size: 12px;
   color: #CCCCCC;
   width: 200px;
   border: 1px dotted #CCCCCC;
   background-color: #666666;
}
-->
</style>
</head>
<body>
<div align="center"><div class="div_teste" align="center">Funfunfunfun<br />
FCP !</div></div>
</body></html>
Offline

Ricardo75 
Membro
Mensagens 1660 Gostos 0
Troféus totais: 28
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

É mesmo isso! Assim já dá!
 :greatmil:
 :obrigado:
Offline

fpware 
Fundador
Mensagens 15318 Gostos 6
Troféus totais: 38
Trófeus: (Ver todos)
Linux User Mobile User Level 6 Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5

Óptimo! :D
Offline

karrico 
Membro
Mensagens 2962 Gostos 0
Troféus totais: 28
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1 2500 Posts

ainda bem  :D
Offline

MiguelTavares 
Membro
Mensagens 3871 Gostos 0
Troféus totais: 33
Trófeus: (Ver todos)
Avatar Level 6 Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4

:Tupperware: Boa!