Tem como colocar mais de dois em cada local deste

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

Atendido / Resolvido Tem como colocar mais de dois em cada local deste

Mensagem por EDU2010 em 11.03.18 15:58

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


Tem como colocar mais de dois em cada local deste  Sem_ty10
EDU2010

EDU2010
Usuário experiente

Masculino
Inscrito dia : 09/12/2010
Mensagens : 2177
Pontos Ativos : 3409

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

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

Mensagem por virus em 11.03.18 16:20

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é!;
virus

virus
Usuário destaque

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

Ver perfil do usuário

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

Mensagem por EDU2010 em 11.03.18 17:48

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


Quero que fique assim como montei na imagem

Tem como colocar mais de dois em cada local deste  Sem_ty29
EDU2010

EDU2010
Usuário experiente

Masculino
Inscrito dia : 09/12/2010
Mensagens : 2177
Pontos Ativos : 3409

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

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

Mensagem por Luiz em 12.03.18 23:42

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/
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6622
Pontos Ativos : 7517

Ver perfil do usuário https://luizfelipe.dev

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

Mensagem por EDU2010 em 13.03.18 21:33

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


Quero saber apenas se tem como ? Obrigado
EDU2010

EDU2010
Usuário experiente

Masculino
Inscrito dia : 09/12/2010
Mensagens : 2177
Pontos Ativos : 3409

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

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

Mensagem por Pedxz em 17.03.18 14:58

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
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 2740
Pontos Ativos : 3461

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

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

Mensagem por EDU2010 em 22.03.18 18:27

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>
EDU2010

EDU2010
Usuário experiente

Masculino
Inscrito dia : 09/12/2010
Mensagens : 2177
Pontos Ativos : 3409

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

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

Mensagem por Pedxz em 22.03.18 20:58

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;
  }
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 2740
Pontos Ativos : 3461

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

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

Mensagem por Luiz em 27.03.18 17:18

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.
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6622
Pontos Ativos : 7517

Ver perfil do usuário https://luizfelipe.dev

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