|
![]() |
||
Como centralizar uma imagem num DIV?
|
||
. 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.
![]() |
|
|
Opções do Tópico |
|
|
#1 (permalink) |
|
Super Participante
|
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 |
|
|
|
|
|
#2 (permalink) |
|
Super Participante
|
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 |
|
|
|
|
|
#3 (permalink) | |
|
Super Participante
|
Citação:
estou usando o seguinte código no CSS: Código:
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 |
|
|
|
|
|
|
#4 (permalink) |
|
Super Participante
|
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 |
|
|
|
|
|
#5 (permalink) |
|
GeeK
|
Centralizar horizontalmente:
Código:
|
|
|
|
|
|
#6 (permalink) |
|
Newbie
Registrado em: Nov 2005
Mensagens: 18
Reputação: 0
![]() |
Phr34k3r deu a resposta mais correta.
Crie uma class ou ID pra imagem em questão e bote algo assim: Código:
Aplique à tag ( <img class="img" ...) e pronto.
__________________
Internet Joke Customer: "I want to download the Internet. Do I need a bigger hard disk?" |
|
|
|
|
|
#7 (permalink) |
|
Membro Senior
Registrado em: Jul 2006
Localização: barrigA dE mamãE
Idade: 24
Mensagens: 349
Reputação: 12
![]() |
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:
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:
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. |
|
|
|
|
|
#8 (permalink) |
|
Highlander
Registrado em: May 2002
Localização: Tijuca/RJ
Idade: 9
Mensagens: 87.724
Reputação: 778
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
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 ![]() |
|
|
|
|
|
#9 (permalink) |
|
Membro Senior
Registrado em: Jul 2006
Localização: barrigA dE mamãE
Idade: 24
Mensagens: 349
Reputação: 12
![]() |
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. |
|
|
|
![]() |
| Opções do Tópico | |
|
|