Imagens com link de lado em um widget

3 participantes

Ir para baixo

Tópico resolvido Imagens com link de lado em um widget

Mensagem por CPTNOMAD462ST 24.05.15 16:39

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 20:36, editado 1 vez(es)
avatar
CPTNOMAD462ST
***

Membro desde : 26/08/2011
Mensagens : 115
Pontos : 183

http://espacoenigmatico.ativoforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens com link de lado em um widget

Mensagem por MateusA 24.05.15 16:44

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
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens com link de lado em um widget

Mensagem por CPTNOMAD462ST 24.05.15 16:56

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

Membro desde : 26/08/2011
Mensagens : 115
Pontos : 183

http://espacoenigmatico.ativoforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens com link de lado em um widget

Mensagem por MateusA 24.05.15 16:57

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>

MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens com link de lado em um widget

Mensagem por CPTNOMAD462ST 24.05.15 18:49

O link ficou aparecendo ao lado da imagem.
avatar
CPTNOMAD462ST
***

Membro desde : 26/08/2011
Mensagens : 115
Pontos : 183

http://espacoenigmatico.ativoforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens com link de lado em um widget

Mensagem por RafaelS. 25.05.15 14:24

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
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens com link de lado em um widget

Mensagem por MateusA 25.05.15 14:45

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>
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens com link de lado em um widget

Mensagem por CPTNOMAD462ST 26.05.15 0:32

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.
avatar
CPTNOMAD462ST
***

Membro desde : 26/08/2011
Mensagens : 115
Pontos : 183

http://espacoenigmatico.ativoforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens com link de lado em um widget

Mensagem por MateusA 26.05.15 0:42

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>
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens com link de lado em um widget

Mensagem por CPTNOMAD462ST 26.05.15 1:01

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?
avatar
CPTNOMAD462ST
***

Membro desde : 26/08/2011
Mensagens : 115
Pontos : 183

http://espacoenigmatico.ativoforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens com link de lado em um widget

Mensagem por RafaelS. 26.05.15 19:29

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
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens com link de lado em um widget

Mensagem por CPTNOMAD462ST 27.05.15 1:01

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

Membro desde : 26/08/2011
Mensagens : 115
Pontos : 183

http://espacoenigmatico.ativoforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens com link de lado em um widget

Mensagem por RafaelS. 27.05.15 7:41

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
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens com link de lado em um widget

Mensagem por RafaelS. 28.05.15 17:41

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
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.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