Centralização dos subforuns

Detalhes da questão

Endereço do fórum: http://riseofheroes.forumeiro.com/
Versão do fórum: PhpBB3

Descrição

Olá! Então, os meus subfóruns não ficam centralizados. Eles ficam tão puxados para o lado direito que mal da de ler os títulos, veja aqui.

CSS referente aos subfóruns escreveu:

Código:

/*titulo de los subforos*/
a.forumtitle {
width: 323px;
display: block;
padding: 10px;
background: #44473E;
color: #f6f6f6;
font-family: 'Oswald';
font-size: 15px;
font-variant: normal;
font-weight: normal;
text-shadow: 1px 1px 1px #000;
text-transform: lowercase;
line-height: 20px;
text-align: right;
margin-top: 10px;
margin-bottom: -12px;
margin-left: 2px;
}

a.forumtitle:after {content: ","; }
a.forumtitle:hover {text-decoration: none; color: #f6f6f6; }

/*descripción de los foros*/
#des1 {
width: 170px;
padding: 10px;
background: #000;
height: 105px;
font-size: 11px;
line-height: 12px;
text-align: justify;
}

E aí, colega? Tudo joia?

Substitua o seu a.forumtitle (aquele que está no início), por esse:

Código:

a.forumtitle {
width: 323px;
display: block;
padding: 10px;
background: #44473E;
color: #f6f6f6;
font-family: 'Oswald';
font-size: 15px;
font-variant: normal;
font-weight: normal;
text-shadow: 1px 1px 1px #000;
text-transform: lowercase;
line-height: 20px;
text-align: center;
margin-top: 10px;
margin-bottom: -12px;
margin-left: 2px;
}

Parece ter dado um jeito, mas não totalmente. Veja aqui.

Qual seria o outro problema, moça?

Ainda continua descentralizado, mais puxado para um lado

Entendo. Faça o seguinte: no mesmo código do a.forumtitle, procure pela classe "margin-left". Altere o valor dela até ficar ao seu gosto. Lembrando que você pode colocar números negativos também.

Mudar o margin-left está fazendo com que os quadros fiquem mais distanciados e um a cima do outro.

Hm, então tente diminuir ou aumentar o width.

Descobri que o width mexe com o título, aquelas barrinhas que contem o nome, e não com a caixa em si.

Batyman escreveu:Descobri que o width mexe com o título, aquelas barrinhas que contem o nome, e não com a caixa em si.

Sendo assim, considera a sua questão resolvida, ou a questão mantém-se?

Mantem, o problema ainda está la.

No seu css, procure pelo seletor: a.forumtitle

Onde estiver:

Código:

width: 323px;

Troque por:

Código:

width: 278px;

O problema ainda consiste, Cepheus

Poderia tirar um screen e marcar em vermelho qual parte exatamente precisa ser alterada ou corrigida?

Aqui esta, Cepheus

Adicione na sua folha de estilo css:

Código:

.forabg .row {vertical-align: top!important; }
.topiclist.forums .dterm div{margin:0!important;}

Cepheus, finalmente o problema foi resolvido. Obrigada mesmo! Pensei que ninguém conseguiria dar um jeito.