FórumGdH

Página Inicial do Guia do Hardware

Registrar FAQ Calendário Pesquisar Mensagens de Hoje Marcar Fóruns Como Lidos

Voltar   FórumGdH > Profissional > Programação, scripts, web e banco de dados
Bem-vindo ao FórumGdH
Não se esqueça de se registrar, é grátis . Nós temos 759.214 usuários, convidamos você fazer parte de nossa comunidade também! Se ainda não encontrou o que procura use nossa pesquisa. Esperamos que aprecie nosso trabalho.

Resposta
 
Opções do Tópico
Antigo 16-09-2003, 12:00   #1 (permalink)
BONFA-RJ
Veterano
 
Registrado em: Aug 2001
Localização: Rio de Janeiro
Mensagens: 1.170
Reputação: 23 BONFA-RJ está indo no caminho certo
Enviar mensagem via ICQ para BONFA-RJ
Padrão CSS-P - Não sei centralizar o conteúdo :(

alguem sabe como eu faco isso?
vou dar um exemplo:

Código:
//estilo.css #figura{ position: absolute; top: 20px; left: 10px; height: 130px; width: 70px; background: #cccccc; } #topo{ position: absolute; top: 20px; left: 80px; height: 130px; width: 620; background: #999999; } abaixo o .htm que usa o estilo.css: //teste.htm <html> <head> <title>lalala...</title> <link rel="stylesheet" href="estilo.css" type="text/css"> </head> <body> <div id="figura">figura</div> <div id="topo">topo</div> </body> </html>
Fazendo assim, fica tudo alinhado à esquerda... eu queria saber como faço pra centralizar, pois quero usar no meu site --> www.uniriotec.br/~igor.alves e no site que pessoal vai fazer pra minha turma (quero participar do concurso de layouts, hehehe)
gosto de centralizar o conteudo pois nao sei qual resolucao a pessoa vai estar usando... tenho o habito de fazer as pages em tabelas com "width = 750"... queria fazer agora com ajuda do CSS, pra centralizar as configurações de lay-out em um só arquivo, ajudando na confeccao e manutencao do site.
por favor, se nao expliquei direito, me perguntem... mas me ajudem!
__________________
Igor Brito Alves
igor.alves@uniriotec.br
http://twitter.com/igor.alves
_________________
BONFA-RJ está offline   Responder com Quote
Antigo 17-09-2003, 5:23   #2 (permalink)
leandro.f
Novo Membro
 
Registrado em: Aug 2003
Mensagens: 107
Reputação: 18 leandro.f está indo no caminho certo
Padrão

align: center;
leandro.f está offline   Responder com Quote
Antigo 18-09-2003, 0:41   #3 (permalink)
BONFA-RJ
Veterano
 
Registrado em: Aug 2001
Localização: Rio de Janeiro
Mensagens: 1.170
Reputação: 23 BONFA-RJ está indo no caminho certo
Enviar mensagem via ICQ para BONFA-RJ
Padrão

como assim???
explica melhor
__________________
Igor Brito Alves
igor.alves@uniriotec.br
http://twitter.com/igor.alves
_________________
BONFA-RJ está offline   Responder com Quote
Antigo 18-09-2003, 8:51   #4 (permalink)
Aprendiz:
Membro Senior
 
Registrado em: Feb 2003
Localização: Middle Earth
Mensagens: 260
Reputação: 19 Aprendiz: está indo no caminho certo
Padrão Align center

Acho que o amigo aí em cima quiz dizer:

position: relative;
align: center
__________________
"Nós somos os 'filhos do meio' da História. Não temos a 'grande guerra' nem a 'grande depressão'.
Nossa grande guerra é nossa luta espiritual; nossa grande depressão são nossas vidas."

Tyler Durden
Aprendiz: está offline   Responder com Quote
Antigo 19-09-2003, 0:39   #5 (permalink)
BONFA-RJ
Veterano
 
Registrado em: Aug 2001
Localização: Rio de Janeiro
Mensagens: 1.170
Reputação: 23 BONFA-RJ está indo no caminho certo
Enviar mensagem via ICQ para BONFA-RJ
Padrão

mesmo assim, nao funciona... os 2 div's ficam no meio... um embaixo do outro... se quiserem ver como ficou: http://skywalker/teste_css.htm
__________________
Igor Brito Alves
igor.alves@uniriotec.br
http://twitter.com/igor.alves
_________________
BONFA-RJ está offline   Responder com Quote
Antigo 19-09-2003, 0:49   #6 (permalink)
Phr34k3r
GeeK
 
Registrado em: Jan 2003
Localização: Vila Velha/ES
Mensagens: 2.955
Reputação: 23 Phr34k3r está indo no caminho certo
Enviar mensagem via ICQ para Phr34k3r
Padrão

err,
Achu que esquecemos de algu na url, certu?
__________________
Blog - Linuxdicas - Fotolog - Digifórum
Phr34k3r está offline   Responder com Quote
Antigo 19-09-2003, 11:48   #7 (permalink)
BONFA-RJ
Veterano
 
Registrado em: Aug 2001
Localização: Rio de Janeiro
Mensagens: 1.170
Reputação: 23 BONFA-RJ está indo no caminho certo
Enviar mensagem via ICQ para BONFA-RJ
Padrão

foi mal... link errado:
http://www.uniriotec.br/~igor.alves/teste_css.htm
esse é sem oq pessoal falou ainda... tenho q atualizar
__________________
Igor Brito Alves
igor.alves@uniriotec.br
http://twitter.com/igor.alves
_________________
BONFA-RJ está offline   Responder com Quote
Antigo 21-09-2003, 21:43   #8 (permalink)
BONFA-RJ
Veterano
 
Registrado em: Aug 2001
Localização: Rio de Janeiro
Mensagens: 1.170
Reputação: 23 BONFA-RJ está indo no caminho certo
Enviar mensagem via ICQ para BONFA-RJ
Padrão

up
__________________
Igor Brito Alves
igor.alves@uniriotec.br
http://twitter.com/igor.alves
_________________
BONFA-RJ está offline   Responder com Quote
Antigo 21-09-2003, 21:47   #9 (permalink)
BONFA-RJ
Veterano
 
Registrado em: Aug 2001
Localização: Rio de Janeiro
Mensagens: 1.170
Reputação: 23 BONFA-RJ está indo no caminho certo
Enviar mensagem via ICQ para BONFA-RJ
Padrão

up
__________________
Igor Brito Alves
igor.alves@uniriotec.br
http://twitter.com/igor.alves
_________________
BONFA-RJ está offline   Responder com Quote
Antigo 23-09-2003, 19:51   #10 (permalink)
BONFA-RJ
Veterano
 
Registrado em: Aug 2001
Localização: Rio de Janeiro
Mensagens: 1.170
Reputação: 23 BONFA-RJ está indo no caminho certo
Enviar mensagem via ICQ para BONFA-RJ
Padrão

ninguem sabe isso nao?
__________________
Igor Brito Alves
igor.alves@uniriotec.br
http://twitter.com/igor.alves
_________________
BONFA-RJ está offline   Responder com Quote
Antigo 24-09-2003, 13:43   #11 (permalink)
Phr34k3r
GeeK
 
Registrado em: Jan 2003
Localização: Vila Velha/ES
Mensagens: 2.955
Reputação: 23 Phr34k3r está indo no caminho certo
Enviar mensagem via ICQ para Phr34k3r
Padrão

De noite a gente tenta alguma coisa, vou editar essa mensagem mais tarde.

[]'s
__________________
Blog - Linuxdicas - Fotolog - Digifórum
Phr34k3r está offline   Responder com Quote
Antigo 26-09-2003, 11:33   #12 (permalink)
Naruto
Veterano
 
Registrado em: Dec 2002
Mensagens: 1.015
Reputação: 21 Naruto está indo no caminho certo
Enviar mensagem via MSN para Naruto
Padrão

AEW cara..testa com <center> mesmo:

<body>
<center>
<div id="figura">figura</div>
<div id="topo">topo</div>
</center>
</body>


:P



Ou então faz o css assim:

div { os atributos; separados; por ponto e virgula; align: center}


o último atributo não precisa de ; heeheheh
Naruto está offline   Responder com Quote
Antigo 27-09-2003, 0:12   #13 (permalink)
BONFA-RJ
Veterano
 
Registrado em: Aug 2001
Localização: Rio de Janeiro
Mensagens: 1.170
Reputação: 23 BONFA-RJ está indo no caminho certo
Enviar mensagem via ICQ para BONFA-RJ
Padrão

nao consigo... se eu fizer...
#figura{
position: absolute;
...
}

... os divs nao saem da esquerda de forma alguma...
e se coloco...
#figura{
position: relative;
...
}

... nao consigo coloca-los na mesma linha... na mesma altura...
e Naruto, nao entendi muito bem oq vc me pediu... e po... usando <center>, align dentro do <div>... se tiver position: absolute, nao tem jeito...
__________________
Igor Brito Alves
igor.alves@uniriotec.br
http://twitter.com/igor.alves
_________________
BONFA-RJ está offline   Responder com Quote
Antigo 27-09-2003, 11:13   #14 (permalink)
Naruto
Veterano
 
Registrado em: Dec 2002
Mensagens: 1.015
Reputação: 21 Naruto está indo no caminho certo
Enviar mensagem via MSN para Naruto
Padrão

aew cara, mals, não estava atento a esse detalhe, pq vc não tenta usar posicionamento no DIV? tipow deixando ele a X pixels do Topo e a X pixels da margem esquerda? Porém dependendo da resolução utilizada não vai ficar centralizado, mas caso seu site tenha um resolução específica, usa posicionamento desse jeito.
Naruto está offline   Responder com Quote
Antigo 27-09-2003, 18:01   #15 (permalink)
BONFA-RJ
Veterano
 
Registrado em: Aug 2001
Localização: Rio de Janeiro
Mensagens: 1.170
Reputação: 23 BONFA-RJ está indo no caminho certo
Enviar mensagem via ICQ para BONFA-RJ
Padrão

Citação:
Postado Originalmente por Naruto
Porém dependendo da resolução utilizada não vai ficar centralizado, mas caso seu site tenha um resolução específica, usa posicionamento desse jeito.
esse é justamente meu problema...

eu faco o site para uma resolucao minima de 800x600... mas po, se o cara usar 1152 por 864? o legal é q fique centralizado... é isso q eu nao consigo
__________________
Igor Brito Alves
igor.alves@uniriotec.br
http://twitter.com/igor.alves
_________________
BONFA-RJ está offline   Responder com Quote
Antigo 27-09-2003, 19:52   #16 (permalink)
Marcos Heringer
Super Participante
 
Registrado em: Sep 2003
Localização: Manhuaçu/MG
Mensagens: 935
Reputação: 19 Marcos Heringer está indo no caminho certo
Enviar mensagem via ICQ para Marcos Heringer Enviar mensagem via MSN para Marcos Heringer
Padrão na fonte

onde vc quer alinhar escreve, align<center>
Marcos Heringer está offline   Responder com Quote
Antigo 27-09-2003, 21:40   #17 (permalink)
BONFA-RJ
Veterano
 
Registrado em: Aug 2001
Localização: Rio de Janeiro
Mensagens: 1.170
Reputação: 23 BONFA-RJ está indo no caminho certo
Enviar mensagem via ICQ para BONFA-RJ
Padrão

??
nao entendi...
__________________
Igor Brito Alves
igor.alves@uniriotec.br
http://twitter.com/igor.alves
_________________
BONFA-RJ está offline   Responder com Quote
Antigo 28-09-2003, 1:19   #18 (permalink)
Aprendiz:
Membro Senior
 
Registrado em: Feb 2003
Localização: Middle Earth
Mensagens: 260
Reputação: 19 Aprendiz: está indo no caminho certo
Padrão Ainda não entendi...

Citação:
Postado Originalmente por BONFA-RJ
e Naruto, nao entendi muito bem oq vc me pediu... e po... usando <center>, align dentro do <div>... se tiver position : absolute, nao tem jeito...
Ainda não entendi direito o seu problema.
Mas você tirando as coordenadas do CSS e o positioning e ao invés disso colocar no HTML
<DIV align="center" id="figura">figura</DIV>
acontece o quê?

PS.: Para posicionamentos tão preciso como o que você está tentando com pixels e tudo, seria melhor você fazer o site em 800...

T+
__________________
"Nós somos os 'filhos do meio' da História. Não temos a 'grande guerra' nem a 'grande depressão'.
Nossa grande guerra é nossa luta espiritual; nossa grande depressão são nossas vidas."

Tyler Durden
Aprendiz: está offline   Responder com Quote
Antigo 28-09-2003, 9:57   #19 (permalink)
BONFA-RJ
Veterano
 
Registrado em: Aug 2001
Localização: Rio de Janeiro
Mensagens: 1.170
Reputação: 23 BONFA-RJ está indo no caminho certo
Enviar mensagem via ICQ para BONFA-RJ
Padrão Re: Ainda não entendi...

Citação:
Postado Originalmente por Aprendiz:
Ainda não entendi direito o seu problema.
Mas você tirando as coordenadas do CSS e o positioning e ao invés disso co...
mas aí eu não consigo colocar o #figura e o #titulo na mesma linha, entende?
um tem q ta do lado do outro... eu ja vi isso feito em css, mas era com o alinhamento exato, a esquerda... eu queria no centro... deve ter como fazer, nao é possível
__________________
Igor Brito Alves
igor.alves@uniriotec.br
http://twitter.com/igor.alves
_________________
BONFA-RJ está offline   Responder com Quote
Antigo 29-09-2003, 11:22   #20 (permalink)
Naruto
Veterano
 
Registrado em: Dec 2002
Mensagens: 1.015
Reputação: 21 Naruto está indo no caminho certo
Enviar mensagem via MSN para Naruto
Padrão

aew cara, parece q em ASP tem um recurso q captura resolução do cara q visita sua página e vc consegue trabalhar com esse dado e o site carregar baseado na resolução...agora nem me pergunte como se faz isso hehehe, dá uma pesquisada...
Naruto está offline   Responder com Quote
Resposta


Opções do Tópico

Regras de Mensagens
Você não pode criar tópicos
Você não pode postar respostas
Você não pode anexar arquivos
Você não pode editar suas mensagens

Código vB está Ligado
Smiles estão Ligado
Código [IMG] está Ligado
Código HTML está Desligado
Ir para...


Horários baseados na GMT -3. Agora são 4:20.