Alinhamento de texto em CSS

2 participantes

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

Tópico resolvido Alinhamento de texto em CSS

Mensagem por ZombieW 23.04.14 16:28

  • 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:

Alinhamento de texto em CSS Captur10

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 17:18, editado 1 vez(es)
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Alinhamento de texto em CSS

Mensagem por Hancki 23.04.14 17:03

Olá!

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

Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhamento de texto em CSS

Mensagem por ZombieW 23.04.14 17:18

Obrigado pelos comandos Hancki, já ajustei manualmente.

Obrigado.
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos