Jump to content


Photo

Como Centralizar Verticalmente O Texto Em Uma Div?


  • Faça o login para participar
8 replies to this topic

#1 chisto

chisto

    Stand by

  • Usuários
  • 288 posts
  • Sexo:Não informado
  • Localidade:Joinville - SC - Brasil
  • Interesses:INTERNET

Posted 26/01/2005, 18:23

Qual parametros em style eu uso pra centralizar verticalmente o texto em uma div. Exemplo:

<div style="??????????"></div>

E pra vocês moderadores, só não procurei na busca porque não sei com que palavras chaves posso achar isso.
Acidio Alan
Programador e Marcador
A2C- Internet para negócios
www.a2c.com.br

#2 Kaled

Kaled

    Unconditional

  • Usuários
  • 507 posts
  • Sexo:Não informado

Posted 26/01/2005, 20:25

http://www.tableless.../divcentrotela/

#3 Crab

Crab

    Da paz, mas preparado para Guerra

  • Ex-Admins
  • 2521 posts
  • Sexo:Masculino
  • Localidade:Florianópolis - SC
  • Interesses:Desenvolvimento Gráfico e Web.

Posted 12/04/2005, 03:42

to com o mesmo problema e não to conseguindo resolver lendo este tuto aí.... devo ser muito panga mesmo.

tipo quero que fique no centro como nosso amigo mas não da tela somente da DIV...

tentei usar a idéia lá mas num deu não.

Tipo não quero centralizar a DIV na tela

e sim um texto dentro da div indepedente da posição que ela fique na tela.

Bom ... tentei assim tbm :

<div style="height:30px; width:450px;  vertical-align:middle; border:1px #FFFFFF">dfdfdfdfdfdf</div>


mas não deu não ....

tentei como li NESTE TÓPICO como o Klaus dizia pra fazer ...

<div style="background-color:#00CC99; text-align:center; height:100px; width:450px; border:1px #FFFFFF">texto</div>


e só alinhou na horizontal ... lá dizia e mostrava que ele conseguiu na vertical tbm, mas não consegui não ...

:blink:


-------------------------------------------------

EDITADO


Resolvi a questão inserindo o "padding-top:xxpx;" no style dentro da tag DIV:

<div style="background-color:#00CC99; text-align:center; padding-top:40px; height:100px; width:450px; border:1px #FFFFFF">texto</div>



Ficou mais centalizado qua antes pelo ao menos ..

(y)Até mais

#4 flavio1

flavio1

    Turista

  • Usuários
  • 32 posts
  • Sexo:Não informado

Posted 19/04/2005, 00:21

http://www.tableless.../divcentrotela/

LI O TUTORIAL COLOCADO PELO AMIGO E FOI DE FACIL ENTENDIMENTO, ENTRETANTO, SE EU QUISER POSICIONAR A DIREITA OU A ESQUERDA, AO INVÉS DE #CENTRO, PORIA: #LEFT OU #ESQUERDA, #RIGTH OU DIREITA?

UMA OUTRA QUESTAO: SE AO INVÉS DE 1 IMAGEM, FOSSEM 5 POR EXEMPLO,ALINHADAS NA HORIONTAL?

#5 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 19/04/2005, 06:00

o #centro é apenas o nome que foi dado ao id que está na div, então ele pode ser #centro, #meio, #direita, #embaixo, #eu... etc.. etc.. desde que o id da div tbm tenha o mesmo "nome"..

se o alinhamento for apenas na horizontal, vc pode utilizar o text-align como o Crab fez..
;)


Tente evitar escrever com letras maiusculas, fica ruim de ler (y)

b - Não poste mensagens com o título ou o texto em maiúsculas, isto é extremamente desagradável, equivale a GRITAR. Além de ser desagradável de ler

http://forum.wmonlin...?showtopic=8856
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#6 flavio1

flavio1

    Turista

  • Usuários
  • 32 posts
  • Sexo:Não informado

Posted 20/04/2005, 00:11

sorry cara, mania minha

#7 Perroud

Perroud

    12 Horas

  • Usuários
  • 146 posts
  • Sexo:Não informado

Posted 21/04/2005, 03:32

Pode ser mais ou menos assim:

<style type="text/css">
#suaDiv {
text-align: center; /* exemplo */
line-height: 20px; /* exemplo */
}
</style>
Espero ter ajudado.

[]'s
Perroud

Edição feita por: Perroud, 21/04/2005, 03:32.

[]'s
Perroud

perroud[at]gmail[dot]com

#8 flavio1

flavio1

    Turista

  • Usuários
  • 32 posts
  • Sexo:Não informado

Posted 21/04/2005, 16:21

http://www.tableless.../divcentrotela/

saudaços a todos do forum

como teste, fiz rigorasamente igual ao que foi descrito no site aqui postado, segui todos os passos, massssssssss, nada aconteçeu, a imagem fica estatica no canto esquerdo , nao muda de largura nem de tamanho

uso o max html

#9 Perroud

Perroud

    12 Horas

  • Usuários
  • 146 posts
  • Sexo:Não informado

Posted 22/04/2005, 01:12

line-height... line-height...
[]'s
Perroud

perroud[at]gmail[dot]com




0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq