Descrição das categorias com imagem

Detalhes da questão

Endereço do fórum: http://www.tugavicio.com
Versão do fórum: PunBB

Descrição

Amigos é o seguinte,

Eu queria meter o icon da categoria e descrição tudo junto, ou seja tudo na descrição.

E não é difícil fazer porem fica sempre desalinhado.


Alguem me fornece um code para meter icons e descrição tudo no campo da descrição e bem alinhadinho e bonito?

Olá!

Não será algo assim?

Código:

<span style="float:left;width:auto"><br><img src="LINK IMAGEM" style="clear:both" align="left">
Descrição.<br>Resto da descrição.
</span>

Hancki

@Hancki é isso mesmo...

Mas têm como meter as letras um pouquinho mais pra baixo para centrar com a imagem ou isso tem de ser em CSS?

Olá!

Troque o código que o Hancki forneceu por este:

Código:

<span style="float:left;width:auto;margin-bottom:20px;"><br><img src="LINK IMAGEM" style="clear:both" align="left">
Descrição.<br>Resto da descrição.
</span>

Repare no 20px, é só ir ajustando até obter o resultado desejado.

Até mais.
Fraise

Olá!

Este código deve fazer exatamente o que deseja:

Código:

<span style="min-width: 500px; float: left;"><br /><img src="http://icons.iconarchive.com/icons/custom-icon-design/flatastic-11/64/Communication-icon.png" style="clear: both;" align="left" /><span id="texto" style="margin-top: 15px;margin-left: 10px;position: absolute;">Zona de teste.<br />Apenas um fórum de teste.</span></span>

Procure por "margin-top: 15px" e altere o valor "15" para o que desejar.

Hancki