Login: Senha: Registrar-se - Esqueci minha senha
.: Menu
Home
Buscar no Na Faixa
Artigos
Jogos Online
Sign. dos Sonhos
Humor e Piadas
Papel de Parede
Ilusões de Ótica
.: Bancos
Emoticons e Gifs
Ícones
Logos
.: Canais
Apostilas
Arte/Cultura
Blog
Busca
Celular
Downloads
E-mail Grátis
Emoticons
Esportes
Filmes
Flogs
Fontes
GTA Mods
Host Grátis
Humor
Infantil
Informática
Jogos
Jogos Online
Linux
Músicas
Notícias
Offline
Redirecionadores
Sites Parceiros
Webdesigners
Webmasters
.: Serviços
Mural de Recados
Editor de Fotos
Protetor de Links
Usuários Online
Bloco de Notas
Formmail
Meu IP
Teste de Conexão
Banner Rotativo
.: Geradores
Barra de Rolagem
Recomende
Pop-up
Inverter Link
.: Na Faixa
Sobre
Contato
Recomende-nos
Termos de uso

Alinhamento vertical no CSS? Funciona ou não?

Enviado em 27/02/2007 - 05:33
Fonte: A A A A

Uma dúvidas freqüente em forums é sobre alinhamento vertical nas divs. O fato é que muitas das respostas, nenhuma resolve perfeitamente o problema de precisar alinhar o conteúdo de uma div pelo meio ou pela base.

Afinal, a definição "vertical-align: middle;" funciona?! Como?

Veja a continuação dessa discução no endereço abaixo.

http://forum.imasters.com.br/lofiversion/index.php/t132304.html


Mais informações sobre o vertical-align

Propriedade 'vertical-align'

vertical-align: baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage>

Valor padrão: baseline
Aplicável a: elementos internos
Propriedade herdada: não
Valores percentuais: referidos à 'line-height' do próprio elemento

Esta propriedade age sobre a posição vertical do elemento. Um conjunto de palavras chaves diz respeito às atribuições do elemento pai:

'baseline'
alinha as partes inferiores dos elementos pai e filho
'middle'
alinha os pontos médios verticais dos elementos pai e filho
'sub'
aplica o efeito de subscrito ao elemento
'super'
aplica o efeito de sobrescrito ao elemento
'text-top'
alinha o topo do elemento com o topo das fontes usadas no elemento pai
'text-bottom'
alinha a parte inferior de um elemento com a parte inferior das fontes usadas no elemento pai

Um outro conjunto de valores são relativos à formatação da linha que contem o elemento:

'top'
alinha o topo do elemento com o elemento mais alto que a linha contiver
'bottom
alinha a parte inferior do elemento com o elemento mais baixo contido na linha

O emprego dos valores 'top' e 'bottom' pode levar a situações insolúveis, nas quais surge um loop entre as interdependências dos elementos.

Os valores percentuais são referidos em relação ao valor da propriedade 'line-height' do próprio elemento (não do elemento pai). Eles colocam a parte inferior do elemento acima da parte inferior do elemento pai, usando o valor especificado para determinar o quanto de elevação aplicar. São aceitos valores negativos. Ou seja, um valor '-100%' irá descer a parte inferior do elemento até encontrar a parte correspondente do próximo elemento. Esta propriedade permite o controle preciso da posição vertical dos elementos (tais como imagens de letras usadas no lugar das próprias letras).

Fonte: http://www.maujor.com/


Enviado por: brunohcs

Esse artigo foi visualizado 7838 vezes

Compartilhe este artigo
facebook del.icio.us rec6 digg
Recomende este artigo a um amigo


Voltar
>> Comentários
 
Related Posts Plugin for WordPress, Blogger...
Comentar
Lincoln Coment: Caso o elemento não seja INLINE (ou para usar em tabela), tem como alinhar utilizando Alinhamento vertical e horizontal com CSS...
 
Buscar Artigos:
.: Jogos Online
Ação
Aventura
Cassino
Classicos
Colorir
Corrida
Educativos
Esporte
Estrategia
Infantil
Luta
Meninas
Nave
Tiro
Outros
Adulto
Top Jogos
.: GTA (Grand Theft Auto)
GTA SA, VC, IV
SA - Carros
IV - Carros
Mods
GTA IV
SA - Mods Cleo
.: Saúde
Calculadora de IMC
Peso Ideal
Artigos de Saúde
Sexualidade
.: Google
Diagnóstico
.: Parceiros
Mural de Recados Grátis
Papel de Parede
Papel de Parede Grátis
Show Moto
Web Visual
.: Nossos Números
Artigos: 912
Categorias: 52
Comentarios: 1863
Usuarios: 25417
Blocos de Nota: 87
Canais: 168

website monitoring service
eXTReMe Tracker
Na Faixa.net - Todos os direitos reservados.
Leia nossos Termos de Uso - Política de Privacidade
Desenvolvido por Web Visual - on buzi
Apartir de:
Crie seu Site - Jogos Online - Papel de Parede Grátis - Show Moto - Mural de Recados Grátis - Dicas Para Blogs