Ajustar posição do ícone online

Qual é minha questão:
Olá. Hoje eu resolvi colocar o ícone online em cima do avatar, e para isto utilizei o seguinte código:

Código:

.online {
background-image: url(http://i49.servimg.com/u/f49/17/29/60/71/ninten10.png) !important;
background-position: left 0;
}

Como podem observar na imagem abaixo, o ícone não ficou ajustado ao avatar. Gostaria que ele ficase na mesma linha do avatar e não totalmente ao canto. É possível?

Medidas que eu tomei para corrigir o problema:
Nenhuma

Links e imagens do meu problema:
https://i.servimg.com/u/f49/17/29/60/71/sem_ta54.png

Endereço do meu fórum:
http://interativo.livreforum.com/

Versão do meu fórum:
PHPBB3

Olá amigo;
Tente esse:

Painel de Controle Visualização Imagens e Cores Cores

Folha de estilo CSS

Código:

. online {
background-image: url (http://i49.servimg.com/u/f49/17/29/60/71/ninten10.png)! important;
background-position: center 0;
}

Cordialmente

Olá House, obrigado pela atenção mas não resultou.
Com este código o icone online nem aparece.

Tente esse:

Código:

.online {
background-image: url (http://i49.servimg.com/u/f49/17/29/60/71/ninten10.png)! important;
background-position: right 0;
}

Ate!

Continua a não aparecer House.

Ola tente

Código:

.online {
background-image: url(http://i49.servimg.com/u/f49/17/29/60/71/ninten10.png) !important;
background-position: left 10px;
}

Boa noite

Pois é, eu já havia pensado nisto mas também não resultou em nada.

Olá, substitua seu codigo por este

.online {
background-image: url(https://i.servimg.com/u/f49/17/29/60/71/ninten10.png) !important;
background-position: left 0;
margin-left: 10px;
}

Até mais.

MateusV. , agradeço a ajuda, mas não resultou. Tentei modificar o valor de margin-left mas neste caso o que eu movo é a margem de todo a estrutura de tópicos, e não do ícone online.

Olá, adicione este codigo em seu CSS

.online img{
margin-left: 10px !important;
}

Até mais.

Ainda nada.

Oi!

Tente esse:

.online.profile {
background-image: url(https://i.servimg.com/u/f49/17/29/60/71/ninten10.png) !important;
background-position: left 0;
}

Cordialmente

Neste caso ele volta a não aparecer. ;x

"Rissos" Muitos Tópicos e isso que acontece "Rissos"!
Tente esse:

Código:

.profile {
background-image: url(http://i49.servimg.com/u/f49/17/29/60/71/ninten10.png) !important;
background-position: left 0;
}

Até

Amigo, mas no caso gostaria de regular o ícone online, e não o nome da categoria. Ele está dentro do Profile... seguindo o seu exemplo, em que influenciaria?

Olá, tente este

.online {
background-image: url(https://i.servimg.com/u/f49/17/29/60/71/ninten10.png) !important;
background-position: left 0;
padding-right: 10px;
}

Até mais.

Touch, neste caso a imagem online volta a aparecer, mas da mesma forma que estava quando iniciei este tópico, ou seja, fora de ajuste.

Quanto modifico o valor de background-position ele muda a altura do ícone online.
Quando modifico o valor de padding-right nada acontece.

Cara, tenta o seguinte:

.online {
background-image: url(https://i.servimg.com/u/f49/17/29/60/71/ninten10.png) !important;
background-position: top right;
background-position: 18px 0px;
}

Abraço.

Perfeito! Funcionou perfeitamente! Genial Gabe!

Muito obrigado aos membros Touch e Dr.House por terem focado neste tópico. Agradeço mesmo!