Imagens com link de lado em um widget

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

Resolvido Imagens com link de lado em um widget

Mensagem por CPTNOMAD462ST em 24/05/15, 12:39 pm

Eu queria deixar várias imagens com link de lado em um widget, que nem o widget "Social bookmarking"


Última edição por CPTNOMAD462ST em 27/05/15, 04:36 pm, editado 1 vez(es)

CPTNOMAD462ST
Nível 8

Masculino
Inscrito dia : 26/08/2011
Mensagens : 115
Pontos Ativos : 183

Ver perfil do usuário http://espacoenigmatico.ativoforum.com

Resolvido Re: Imagens com link de lado em um widget

Mensagem por MateusA em 24/05/15, 12:44 pm

Olá!

Eu não compreendi, mas experimente:
Código:
<div style="float: left"><a href="LINK">NOMEDOLINK</a><img src="ENDEREÇOIMG"></img></div>

Feliz
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Imagens com link de lado em um widget

Mensagem por CPTNOMAD462ST em 24/05/15, 12:56 pm

Não funcionou. É para ficar todas as imagens lado a lado e com link que nem o Widget "Social bookmarking"
http://i.imgur.com/JVfkHYU.png

CPTNOMAD462ST
Nível 8

Masculino
Inscrito dia : 26/08/2011
Mensagens : 115
Pontos Ativos : 183

Ver perfil do usuário http://espacoenigmatico.ativoforum.com

Resolvido Re: Imagens com link de lado em um widget

Mensagem por MateusA em 24/05/15, 12:57 pm

Ah, agora o senhor descreveu melhor!
Substitua por esse:
Código:
<div style="float: left"><a href="LINK">NOMEDOLINK<img src="ENDEREÇOIMG"></img></a> <a href="LINK">NOMEDOLINK<img src="ENDEREÇOIMG"></img></a></div>

avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Imagens com link de lado em um widget

Mensagem por CPTNOMAD462ST em 24/05/15, 02:49 pm

O link ficou aparecendo ao lado da imagem.

CPTNOMAD462ST
Nível 8

Masculino
Inscrito dia : 26/08/2011
Mensagens : 115
Pontos Ativos : 183

Ver perfil do usuário http://espacoenigmatico.ativoforum.com

Resolvido Re: Imagens com link de lado em um widget

Mensagem por Rafael em 25/05/15, 10:24 am

Olá amigo!

Não compreendi muito bem! Louco
Você deseja uma lista de imagens uma do lado da outra, que ao clicar em cima redireccionara para um link?

Até mais.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Imagens com link de lado em um widget

Mensagem por MateusA em 25/05/15, 10:45 am

Hã, e sem o link?
Troque por esse:
Código:
<div style="float: left"><a href="LINK"><img src="ENDEREÇOIMG"></img></a> <a href="LINK">NOMEDOLINK<img src="ENDEREÇOIMG"></img></a></div>
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Imagens com link de lado em um widget

Mensagem por CPTNOMAD462ST em 25/05/15, 08:32 pm

iChees escreveu:Olá amigo!

Não compreendi muito bem! Louco
Você deseja uma lista de imagens uma do lado da outra, que ao clicar em cima redireccionara para um link?

Até mais.

Isso mesmo.

@MateusA escreveu:Hã, e sem o link?
Troque por esse:
Código:
<div style="float: left"><a href="LINK"><img src="ENDEREÇOIMG"></img></a> <a href="LINK">NOMEDOLINK<img src="ENDEREÇOIMG"></img></a></div>

Agora só apareceu os links. São os links nas imagens, com todas as imagem ao lado da outra.

CPTNOMAD462ST
Nível 8

Masculino
Inscrito dia : 26/08/2011
Mensagens : 115
Pontos Ativos : 183

Ver perfil do usuário http://espacoenigmatico.ativoforum.com

Resolvido Re: Imagens com link de lado em um widget

Mensagem por MateusA em 25/05/15, 08:42 pm

Hã, foi erro meu.
Experimente:
Código:
<div style="float: left"><a href="LINK"><img src="ENDEREÇOIMG"></img></a> <a href="LINK"><img src="ENDEREÇOIMG"></img></a>
<a href="LINK"><img src="ENDEREÇOIMG"></img></a> <a href="LINK"><img src="ENDEREÇOIMG"></img></a>
</div>
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Imagens com link de lado em um widget

Mensagem por CPTNOMAD462ST em 25/05/15, 09:01 pm

@MateusA escreveu:Hã, foi erro meu.
Experimente:
Código:
<div style="float: left"><a href="LINK"><img src="ENDEREÇOIMG"></img></a> <a href="LINK"><img src="ENDEREÇOIMG"></img></a>
<a href="LINK"><img src="ENDEREÇOIMG"></img></a> <a href="LINK"><img src="ENDEREÇOIMG"></img></a>
</div>

Funcionou; mas,
Como eu aumento a distância de uma imagem para a outra?
Como eu centralizo as imagens no meio do widget?

CPTNOMAD462ST
Nível 8

Masculino
Inscrito dia : 26/08/2011
Mensagens : 115
Pontos Ativos : 183

Ver perfil do usuário http://espacoenigmatico.ativoforum.com

Resolvido Re: Imagens com link de lado em um widget

Mensagem por Rafael em 26/05/15, 03:29 pm

Olá amigo!

Aqui tem:

Código:
<div id="imagens" style="float: center"><a href="LINK"><img src="ENDEREÇOIMG"></img></a> <a href="LINK"><img src="ENDEREÇOIMG"></img></a>
<a href="LINK"><img src="ENDEREÇOIMG"></img></a> <a href="LINK"><img src="ENDEREÇOIMG"></img></a>
</div>
<style>
#imagens img {
padding-left: 5px;
}
</style>

Flecha ajudeiros Se quiser adicionar mais espaço entre as imagens aumente o valor 5px. Caso queira diminuir o espaço, reduza esse valor.

Abraços.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Imagens com link de lado em um widget

Mensagem por CPTNOMAD462ST em 26/05/15, 09:01 pm

Aumentou a distância das imagens, mas não ficaram no centro do widget, ficou do lado esquerdo.

CPTNOMAD462ST
Nível 8

Masculino
Inscrito dia : 26/08/2011
Mensagens : 115
Pontos Ativos : 183

Ver perfil do usuário http://espacoenigmatico.ativoforum.com

Resolvido Re: Imagens com link de lado em um widget

Mensagem por Rafael em 27/05/15, 03:41 am

Olá amigo.

Erro meu Louco

Tente:
Código:
<div id="imagens"><a href="LINK"><img src="ENDEREÇOIMG"></img></a> <a href="LINK"><img src="ENDEREÇOIMG"></img></a>
<a href="LINK"><img src="ENDEREÇOIMG"></img></a> <a href="LINK"><img src="ENDEREÇOIMG"></img></a>
</div>
<style>
#imagens img {
padding-left: 5px;
}
#imagens {
margin-left: auto;
margin-right: auto;
text-align: center;
}
</style>

Abraços.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com
  • 0

Resolvido Re: Imagens com link de lado em um widget

Mensagem por Rafael em 28/05/15, 01:41 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum