Evitar quebra de linha na legenda

Item: Evitar quebra de linha na legenda
Rating: 1

por IsmaelS. em 07/12/15, 09:11 pm

Detalhes da questão

Endereço do fórum: http://master-publicitario.forumeiros.com/forum
Versão do fórum: PhpBB3

Descrição

Olá!

Gostaria de ajustar o aspeto da legenda dos grupos do meu fórum, acrescentei um grupo e agora ficou assim:

Queria colocar o "Programadores" ao lado de "Designers", código de .CSS:

Código:: /* Aspecto de legenda */ #i_whosonline + p br + br + em { width: 70%; background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom; border: 2px solid #DDD; border-radius: 6px; text-align: justify; padding: 10px 8px 5px 5px; display: block; margin: 0 auto; font-size: 0px; color: transparent; } #i_whosonline + p br + br + em a { -webkit-transition-duration: .3s; font-size: 15px; margin: 0 5px; font-style: normal; font-weight: normal; } #i_whosonline + p br + br + em a:hover { background: #DDD; padding: 10px 8px 5px; } #i_whosonline + p br + br + em { text-align: center !important; width: 71% !important; } .img-whois { float: right; margin-left: 5px; } #i_whosonline + p br + br + em { text-align: center !important; width: 81% !important; } #i_whosonline + p br + br + em { padding: 10px 65px 5px 5px !important; }

por Fraise em 07/12/15, 09:21 pm

Olá.

Adiciona no inicio do teu CSS:

Código:: #i_whosonline + p br + br + em a { margin: -5px !important; }

Abraços.
Fraise

por IsmaelS. em 07/12/15, 10:58 pm

@Fraise só podia ajustar uma coisa? Ao passar o mouse por um dos grupos volta para baixo o "Programadores" queria evitar isso, é possível?

por Slurk em 07/12/15, 11:04 pm

Olha amigo, adicone esse codigo CSS em no inicio de sua folha de estilo:

Código:: #i_whosonline + p br + br + em a {font-size: 13px;}

ira diminuir pouca coisa do tamanho, não se preocupe, ele atualmente ta em 16px.

Mas pelo menos não terá esse "probleminha" que você citou.

por Fraise em 07/12/15, 11:05 pm

Troque por este:

Código:: #i_whosonline + p br + br + em a { margin: -8px !important; }

Até mais.

por IsmaelS. em 07/12/15, 11:08 pm

Ficou perfeito obrigado a ambos!

por MateusAnjosV em 09/12/15, 11:10 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".

Fórum dos Fóruns Forumeiros

Evitar quebra de linha na legenda