Detalhes da questão

Endereço do fórum: http://testepramim.forumeiros.com/
Versão do fórum: phpBB2

Descrição

Devido o aumento da largura do fórum, os fóruns estão espaçados e não consigo colocá-lo num tamanho considerável unidos. Poderiam me ajudar com um código ou o número correto para deixá-los espaçados entre si?

Se observarem o título também está com o tamanho errado. (não está do mesmo tamanho dos conectados abaixo) Coloco qualquer número chutando para cima de 950px, porém não muda nada ao salvar e visualizar. 


Como deve ficar : https://i.imgur.com/2qDeESs.png
O erro, quando mexo em algum número : https://i.imgur.com/aVMbcBP.png

Código que sustenta a caixa das categorias :

Código:

ul.topiclist.forums li.row {
 width: 465px;
 height: 270px;
 overflow: hidden;
 background: #f4f4f4;
 margin: 5px;
 margin-left: 0px;
 margin-bottom: 0px;
 display: inline-block;
}

li.header :

Código:

ul.topiclist li {
display: block;
margin: 0;
}
 
.forabg {
  width: 950px;
  overflow: hidden;
}
 
li.header {
background: #1c1c1c;
font-size: 0;
line-height: 90px;
text-align: center;
text-transform: none;
width: 995;
}
 
.table-title, .table-title h2 {
color: #fff;
font-family: 'roboto condensed';
font-size: 35px;
font-variant: normal;
font-weight: normal;
text-shadow: 1px 1px 1px #000;
text-transform: uppercase;
line-height: 80px;
}

Substitua o CSS por esse :

Código:

ul.topiclist.forums li.row {
    height: 270px;
    overflow: hidden;
    background: #f4f4f4;
    margin: 5px;
    margin-bottom: 0px;
    display: inline-block;
}

Esse deu certo, uniu eles. Mas não teria como mantê-los mais separados para contrastar com o tamanho dos intervalos do fundo? Um exemplo ↓

https://i.imgur.com/Rtdykb1.png

Troque o código que passei por:

Código:

ul.topiclist.forums li.row {
    width: 49%;
    height: 270px;
    overflow: hidden;
    background: #f4f4f4;
    margin: 5px;
    margin-bottom: 0px;
    display: inline-block;
}

E adicione:

Código:

.forabg {
    margin-left: 20px;
}

Veja se lhe agrada.

O título dos fóruns ficou certinho, mas as categorias continuam menos espaçadas para condizer com o tamanho. Só visualizar no link ↑ tentei até mesmo diminuir a medida e ora aumentá-las, mas ou buga ou não tem nenhuma ação

Olá, a senhor não adicionou o primeiro CSS que eu passei, leia novamente minha mensagem e teste para ver o resultado.

Adicionado. Ele buga as categorias.

Hum.. Estranho..
Mude para este:

Código:

ul.topiclist.forums li.row {
    margin-left: 20px;
    height: 270px;
    overflow: hidden;
    background: #f4f4f4;
    margin-top: 5px;
    margin-bottom: 0px;
    display: inline-block;
}

Deu certo. 
Muito obrigada!


Podem bloquear o tópico.