Descrição das categorias com imagem

3 participantes

Ir para baixo

Tópico resolvido Descrição das categorias com imagem

Mensagem por estica 23.03.16 2:22

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?

Descrição das categorias com imagem Xx0mBbj


Última edição por estica em 25.03.16 18:53, editado 1 vez(es)
estica
estica
***

Membro desde : 10/01/2012
Mensagens : 171
Pontos : 300

http://tugavicio.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição das categorias com imagem

Mensagem por Hancki 23.03.16 14:01

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
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição das categorias com imagem

Mensagem por estica 23.03.16 17:13

@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?

Descrição das categorias com imagem UmTlnBd
estica
estica
***

Membro desde : 10/01/2012
Mensagens : 171
Pontos : 300

http://tugavicio.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição das categorias com imagem

Mensagem por Fraise 23.03.16 17:16

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
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição das categorias com imagem

Mensagem por Hancki 25.03.16 0:19

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
Hancki
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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