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

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

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


Quero que fique assim como montei na imagem

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/

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


Quero saber apenas se tem como ? Obrigado

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

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>

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