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 754.116 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 07-01-2004, 23:16   #1 (permalink)
LeandroAlves
Super Participante
 
Registrado em: Sep 2002
Localização: Campinas - SP
Mensagens: 799
Reputação: 20 LeandroAlves está indo no caminho certo
Enviar mensagem via ICQ para LeandroAlves Enviar mensagem via MSN para LeandroAlves Enviar mensagem via Yahoo para LeandroAlves
Padrão Como centralizar uma imagem num DIV?

Estou criando uma página usando posicionamento por CSS, só que me deparei com o seguinte problema, tenho uma DIV de altura fixa, com uma imagem dentro, como eu faço para centralizar verticalmente a imagem na DIV?
__________________
[Athlon Barton 2600+ | 512MB DDR400 | GeForce FX5700 256MB | Windows XP Professional e Kurumin 2.3]
Visite:
:arrow: www.dicasonline.com.br
:arrow: www.dicasonline.com.br/forum
LeandroAlves está offline   Responder com Quote
Antigo 08-01-2004, 0:15   #2 (permalink)
Tors_PC
Super Participante
 
Registrado em: Sep 2003
Localização: Curitiba
Mensagens: 565
Reputação: 18 Tors_PC está indo no caminho certo
Enviar mensagem via ICQ para Tors_PC Enviar mensagem via MSN para Tors_PC
Padrão

jah usou
top: posicionamento px;

????
__________________
*Note: HP Zv6000 = [A64 3500][1gb ddr][Ati x200m 128mb][100gb][15,4" widescreen][dvd-rw]
*PC: [Abit An7][AXP Barton 2500+@3200+][vcom 21b][512DDR 400mhz][80gb+40gb seagate][TT 420w pfc][dvd-rw][xfx mx400]
*LG Champ
Tors_PC está offline   Responder com Quote
Antigo 08-01-2004, 21:03   #3 (permalink)
LeandroAlves
Super Participante
 
Registrado em: Sep 2002
Localização: Campinas - SP
Mensagens: 799
Reputação: 20 LeandroAlves está indo no caminho certo
Enviar mensagem via ICQ para LeandroAlves Enviar mensagem via MSN para LeandroAlves Enviar mensagem via Yahoo para LeandroAlves
Padrão

Citação:
Postado Originalmente por Tors_PC
jah usou
top: posicionamento px;

????
Sim, só que não usei posição absoluta tentei colocar em auto para centralizar no DIV, mas não funcionou.
estou usando o seguinte código no CSS:

Código:
div.logosistema { float: left; height: 64px; width: 100px; background-color: #00cc00; text-align: center; align: middle; } div.logosistema img { border: none; padding: 0; top: auto; bottom: auto; }

A página com o CSS é www.dicasonline.com.br/index2.php ela deve ficar igual a seguinte página: www.dicasonline.com.br/index.php
__________________
[Athlon Barton 2600+ | 512MB DDR400 | GeForce FX5700 256MB | Windows XP Professional e Kurumin 2.3]
Visite:
:arrow: www.dicasonline.com.br
:arrow: www.dicasonline.com.br/forum
LeandroAlves está offline   Responder com Quote
Antigo 08-01-2004, 21:37   #4 (permalink)
Tors_PC
Super Participante
 
Registrado em: Sep 2003
Localização: Curitiba
Mensagens: 565
Reputação: 18 Tors_PC está indo no caminho certo
Enviar mensagem via ICQ para Tors_PC Enviar mensagem via MSN para Tors_PC
Padrão

tenta colocar

vertical-align:middle;
ou
top:0px;

axo q dah certo pelo menos aki deu
espero ter ajudado
flw
__________________
*Note: HP Zv6000 = [A64 3500][1gb ddr][Ati x200m 128mb][100gb][15,4" widescreen][dvd-rw]
*PC: [Abit An7][AXP Barton 2500+@3200+][vcom 21b][512DDR 400mhz][80gb+40gb seagate][TT 420w pfc][dvd-rw][xfx mx400]
*LG Champ
Tors_PC está offline   Responder com Quote
Antigo 09-01-2004, 12:48   #5 (permalink)
Phr34k3r
GeeK
 
Registrado em: Jan 2003
Localização: Vila Velha/ES
Mensagens: 2.955
Reputação: 22 Phr34k3r está indo no caminho certo
Enviar mensagem via ICQ para Phr34k3r
Padrão

Centralizar horizontalmente:
Código:
margin-left:auto; margin-right:auto;
Já ajuda?
__________________
Blog - Linuxdicas - Fotolog - Digifórum
Phr34k3r está offline   Responder com Quote
Antigo 04-11-2005, 3:00   #6 (permalink)
cathat
Newbie
 
Registrado em: Nov 2005
Mensagens: 18
Reputação: 0 cathat está indo no caminho certo
Padrão

Phr34k3r deu a resposta mais correta.

Crie uma class ou ID pra imagem em questão e bote algo assim:

Código:
.img { display: block; margin: auto 0; }
Talvez nem precise do atributo display:block.
Aplique à tag ( <img class="img" ...) e pronto.
__________________
Internet Joke
Customer: "I want to download the Internet. Do I need a bigger hard disk?"
cathat está offline   Responder com Quote
Antigo 15-09-2006, 11:43   #7 (permalink)
hevertonhlt
Membro Senior
 
Registrado em: Jul 2006
Localização: barrigA dE mamãE
Idade: 24
Mensagens: 349
Reputação: 12 hevertonhlt está indo no caminho certo
Padrão

Tipo, acredito que isso ira te ajudar.. Pelo oque entendi, voce gostaria de abrir um imagem dentro de um div que tenho uma altura e uma largura fixa. neh..
entao fiz um modelo de html pra ti..

Aqui voce tem uma div que tem um ID que se chama IMG, dentro desse div vc tem uma IMG.

HTML:
Código:
<div id="img"> <img src="nome_da_imagem.jpg"> </div>

Aqui voce tem o css da sua pagina, primeiro vc esta sentando as funcoes do seu div.. entao por isso fico div#img (isso quer dizer que seu div tem um ID). entao setamos a altura e a largura.
Bom, no segundo ta dizendo que vc tem uma IMG dentro de um div q tem um ID chamado IMG. Acreito que ficou meio confuso neh..entao eh o seguinte.. vc nao precisa ficar dando id ou class para todos as componentes..
basta vc colocar o html.. como assim o html.. ex: <img src="nome_da_imagem.jpg">, no seu css vc soh precisa perga o caminho colocando div(se o div tiver um id vc coloca assim) div #img img, esse img sem o #, é o img da imgagem <img src="">. espero que tenha entendido.

CSS:
Código:
div#img { width: 500px; height: 500px; } div #img img { margin: auto auto auto auto; } Caso preferir pod ficar assim.. div #img img { margin: auto; }

qualq coisa soh pergunta!
abracos
__________________
nome: hevertoN l. tassinarI
mail: hevertonhlt@gmail.com
msn: hevertonhlt@hotmail.com

Ps: Não respondo MP, Somente para ADM.
hevertonhlt está offline   Responder com Quote
Antigo 15-09-2006, 14:42   #8 (permalink)
jqueiroz
Highlander
 
Avatar de jqueiroz
 
Registrado em: May 2002
Localização: Tijuca/RJ
Idade: 9
Mensagens: 87.724
Reputação: 778 jqueiroz tem uma fabulosa reputaçãojqueiroz tem uma fabulosa reputaçãojqueiroz tem uma fabulosa reputaçãojqueiroz tem uma fabulosa reputaçãojqueiroz tem uma fabulosa reputaçãojqueiroz tem uma fabulosa reputaçãojqueiroz tem uma fabulosa reputaçãojqueiroz tem uma fabulosa reputaçãojqueiroz tem uma fabulosa reputaçãojqueiroz tem uma fabulosa reputaçãojqueiroz tem uma fabulosa reputação
Padrão

hevertonhlt, peço que antes de postar num tópico, verifique a data da última postagem, para evitar postar em tópicos que não recebem respostas há muito tempo. O usuário que faz isso é chamado de "Coveiro de fórum", e atrapalha muito, pois traz à tona tópicos com discussões antigas, informações obsoletas, e corre o risco de não receber respostas, pois os outros participantes do fórum podem não mais estar interessados no assunto, nem participar do fórum.
__________________
Visite Quepolis (link de indicação) | "chmod 777 nunca ajudou ninguém" (c) 2002-2010 JQueiroz/FGdH
CCNP: √ ² CCSI: □ | Conheça o Novo Bebuns
jqueiroz está offline   Responder com Quote
Antigo 15-09-2006, 16:30   #9 (permalink)
hevertonhlt
Membro Senior
 
Registrado em: Jul 2006
Localização: barrigA dE mamãE
Idade: 24
Mensagens: 349
Reputação: 12 hevertonhlt está indo no caminho certo
Padrão

jqueiroz Desculpas, estava desatento..
vou retirar meu post!
__________________
nome: hevertoN l. tassinarI
mail: hevertonhlt@gmail.com
msn: hevertonhlt@hotmail.com

Ps: Não respondo MP, Somente para ADM.
hevertonhlt 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 13:13.