Alinhamento de texto em CSS

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Alinhamento de texto em CSS

Mensagem por ZombieW em 23/04/14, 12:28 pm

  • Descrição:
Olá a todos, 

Estou implementando um código CSS para usar como títulos dos tópicos no fórum.

Fiz com base em meu outro fórum e a imagem de fundo está do jeito que eu quero, porém, o texto que sai sob a imagem está ficando muito para cima.

Como posso centralizar (em altura) o texto? Já tentei mexer no "line-height", mas isso acabou cortando minha imagem.

Segue o código CSS:

Código:
.PW { /* DIV */
color: #ddd; 
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
font-variant: small-caps;
font-size: 17pt; 
text-align: center;
text-shadow: 0 2px 5px black;
line-height: 500%;
background-image:url('http://i55.servimg.com/u/f55/15/04/49/64/titulo10.png');
background-size: 80%, 80%; /* CSS3 */
-moz-background-size: 80%, 80%; /* Firefox 3.6 */
background-repeat: no-repeat;
background-position: center;
}
PW { /* TAG */
  color: #ddd;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-variant: small-caps;
  font-size: 17pt;
  text-align: center;
  text-shadow: 0 2px 5px black;
  line-height: 150%;
}

E a imagem de como está ficando:


Para ver o resultado dentro do fórum, favor acessar: Teste.

  • Informações:
Fórum:www.tutorialdopw.comVersão:PHPBB3
Tipo:Pedido de códigoTags:Alinhamento,texto



Última edição por ZombieW em 23/04/14, 01:18 pm, editado 1 vez(es)
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1273
Pontos Ativos : 1798

Ver perfil do usuário http://www.perfectteam.org
  • 0

Resolvido Re: Alinhamento de texto em CSS

Mensagem por Hancki em 23/04/14, 01:03 pm

Olá!

Use este CSS:
Código:
.PW {
   padding-top: 15px;
   padding-left: 20px;
}
Resultado: http://prntscr.com/3coytu

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Alinhamento de texto em CSS

Mensagem por ZombieW em 23/04/14, 01:18 pm

Obrigado pelos comandos Hancki, já ajustei manualmente.

Obrigado.
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1273
Pontos Ativos : 1798

Ver perfil do usuário http://www.perfectteam.org

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum