Tem como colocar mais de dois em cada local deste

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

Resolvido Tem como colocar mais de dois em cada local deste

Mensagem por EDU2010 em 11/03/18, 12:58 pm

Detalhes da questão


Endereço do fórum: http://webcar.forumeiros.com/forum
Versão do fórum: ModernBB

Descrição


Bom dia , teria como colocar mais de dois neste local , lado a lado colocar em vez de dois 4 , segue imagem de exemplo e diminuir a imagem pra caber em cada fileira 4



Segue imagem de exemplo


avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1841
Pontos Ativos : 2852

Ver perfil do usuário http://passarinhos.forumeiros.com/forum.htm

Resolvido Re: Tem como colocar mais de dois em cada local deste

Mensagem por virus em 11/03/18, 01:20 pm

Boa tarde. Veja o video e o tutorial que tem neste tópico.
https://ajuda.forumeiros.com/t15944-tutorial-organizando-categoria-como-forumeiros-e-voce

Até!;
avatar

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Tem como colocar mais de dois em cada local deste

Mensagem por EDU2010 em 11/03/18, 02:48 pm

Vi o tutorial mais não me ajudou , eu queria colocar cada linha 4 simbolos ?


Quero que fique assim como montei na imagem

avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1841
Pontos Ativos : 2852

Ver perfil do usuário http://passarinhos.forumeiros.com/forum.htm

Resolvido Re: Tem como colocar mais de dois em cada local deste

Mensagem por Luiz em 12/03/18, 08:42 pm

Isso acabará prejudicando pessoas que têm computadores com telas menores. Creio que não seja muito bom fazer o que o senhor mostrou acima. :s

o/
avatar

Luiz
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6575
Pontos Ativos : 7341

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Tem como colocar mais de dois em cada local deste

Mensagem por EDU2010 em 13/03/18, 06:33 pm

Amigo ai é claro eu iria fazer as marcas bem pequenas ?


Quero saber apenas se tem como ? Obrigado
avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1841
Pontos Ativos : 2852

Ver perfil do usuário http://passarinhos.forumeiros.com/forum.htm

Resolvido Re: Tem como colocar mais de dois em cada local deste

Mensagem por Pedxz em 17/03/18, 11:58 am

Olá,
Para falar a verdade é possivel fazer o que você quer. Você poderia mandar o código que você está a usar para eu editar?

Aguardo uma resposta,
obrigado
avatar

Pedxz
Usuário destaque

Masculino
Inscrito dia : 13/01/2017
Mensagens : 740
Pontos Ativos : 1056

Ver perfil do usuário https://ajuda.forumeiros.com

Resolvido Re: Tem como colocar mais de dois em cada local deste

Mensagem por EDU2010 em 22/03/18, 03:27 pm

Aqui esta

Código:
<span style="float: left; width: 50%;"><a class="forumtitle" href="http://webcar.forumeiros.com/f15-honda"><img style="width: 150px;height: 150px;" src="https://i62.servimg.com/u/f62/19/81/78/19/honda10.png" />HONDA </a><br /></span><span style="float: right; width: 50%;"><a class="forumtitle" href="http://webcar.forumeiros.com/f14-nissan"><img style="width: 150px;height: 150px;" src="https://i62.servimg.com/u/f62/19/81/78/19/nissan10.jpg" />NISSAN</a><br /></span>
avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1841
Pontos Ativos : 2852

Ver perfil do usuário http://passarinhos.forumeiros.com/forum.htm

Resolvido Re: Tem como colocar mais de dois em cada local deste

Mensagem por Pedxz em 22/03/18, 05:58 pm

Muda para:

Código:
<div id="cat-list">
                
   <div>
            <a href="http://webcar.forumeiros.com/f15-honda"><img src="https://i62.servimg.com/u/f62/19/81/78/19/honda10.png" style="width: 50px;height: 50px;" />HONDA </a>     
   </div>
                
   <div>
            <a href="http://webcar.forumeiros.com/f15-honda"><img src="https://i62.servimg.com/u/f62/19/81/78/19/honda10.png" style="width: 50px;height: 50px;" />HONDA </a>     
   </div>
   <div>
            <a href="http://webcar.forumeiros.com/f15-honda"><img src="https://i62.servimg.com/u/f62/19/81/78/19/honda10.png" style="width: 50px;height: 50px;" />HONDA </a>     
   </div>
   
   <div>
            <a href="http://webcar.forumeiros.com/f15-honda"><img src="https://i62.servimg.com/u/f62/19/81/78/19/honda10.png" style="width: 50px;height: 50px;" />HONDA </a>     
   </div>
   
   <div>
            <a href="http://webcar.forumeiros.com/f15-honda"><img src="https://i62.servimg.com/u/f62/19/81/78/19/honda10.png" style="width: 50px;height: 50px;" />HONDA </a>     
   </div>
      
</div>

e ponha isto do seu CSS, compatível com todos os browsers ou quase todos, é um sistema flexbox:

Código:
#cat-list {
   width: 100%;
   height: auto;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
        -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
   align-content: flex-start; 
}
#cat-list > div {
   display: inherit;
   width: 100px;
   min-height: 100px;
}
#cat-list a {
  font-weight: bold;
  }
avatar

Pedxz
Usuário destaque

Masculino
Inscrito dia : 13/01/2017
Mensagens : 740
Pontos Ativos : 1056

Ver perfil do usuário https://ajuda.forumeiros.com

Resolvido Re: Tem como colocar mais de dois em cada local deste

Mensagem por Luiz em 27/03/18, 01:18 pm

Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Luiz
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6575
Pontos Ativos : 7341

Ver perfil do usuário https://github.com/lffg/

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


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