Tabela de informações

Qual é minha questão:
Olá pessoal! Estou a tentar fazer uma tabela de informações igual a esta:
[url=board.ogame.com.pt][/url]

Mas os meus conhecimentos de html são muito limitados, alguém me pode dizer o que estou a fazer mal?
Obrigado pela atenção!

Aqui vai o código que usei:

Vem fazer parte da Resistance! Forum em Construção: Poderá haver algumas imagens ou partes que não estão acabadas. Esta notificação será retirada quando a Administração achar que o Fórum está concluído. </br></br>

Endereço do meu fórum:
http://resistance.forumgratis.com.pt

Versão do fórum:
PHPBB2

Olá,

Aqui esta o código HTML

Código:

<div class="info" style="background-color:#033; border-color:#000; color:#fff;">
         <p><style>.container-4{ background-color: #171E2F;}</style>
<br>
</p><div style="text-align: center"><span style="color: #ffff00"><strong><em>Vem fazer parte da equipa Ogame.pt!</em></strong></span><br><br>

<img src="http://board.ogame.de/icon/ogame/boardM.png" class="resizeImage" alt=""> <span style="color: #ff6600"><strong>Candidaturas a Operador de Jogo:</strong></span> <a href="http://board.ogame.com.pt/board1005-informa%C3%A7%C3%B5es/board1179-jogo/394970-equipa-procura-novos-membros-gos/"><span style="color: #ffffff"><strong><span style="text-decoration: underline">12 Vagas</span></strong></span></a> <br>

<img src="http://board.ogame.de/icon/ogame/boardM.png" class="resizeImage" alt=""> <strong><span style="color: #009900"><span style="color: #00ff00">Candidaturas a Moderador do Fórum:</span> </span></strong><a href="http://board.ogame.com.pt/board1005-informa%C3%A7%C3%B5es/board61-f%C3%B3rum/452384-candidaturas-para-moderador-abertas/"><span style="color: #ffffff"><strong><span style="text-decoration: underline">3 Vagas</span></strong></span></a> <br>

<img src="http://board.ogame.de/icon/ogame/boardM.png" class="resizeImage" alt=""> <strong><span style="color: #ff00ff">Candidaturas a Redator: </span></strong><a href="http://board.ogame.com.pt/board1005-informa%C3%A7%C3%B5es/board61-f%C3%B3rum/448564-sondamos-t-candidaturas-para-redactor-abertas/"><span style="color: #ffffff"><strong><span style="text-decoration: underline">6 Vagas</span></strong></span></a><br><br>



<span style="color: #ffff00"><strong><em>!!!Descobre o Sondamos't! O teu Jornal Ogame.pt!!!</em></strong></span></div>

<p></p>
      </div>

Depois adiciona este código em sua Folha de estilo CSS

Código:

.info {
color: #06F;
background-color: #DEF;
background-image: url("../icon/infoM.png");
border-color: #06F;
}
.success, .warning, .error, .info {
background-position: 10px center;
background-repeat: no-repeat;
margin-bottom: 20px;
padding: 7px 10px 7px 45px;
}
.breadCrumbs, .error, .info, .message h3, .message h4, .messageBody, .success, .warning {
line-height: 1.5;
}

Até

Está tudo OK no sentido da tabela mas ele não criou a border... Era suposto isso acontecer?

Olá,

Adiciona mais este código em sua Folha de estilo CSS

Código:

.info {
border-color: black!important;
}


Até

Muito obrigado pela paciência, mas...
Continua sem border... Não sei se ajuda dizer mas migrei para wbb2. Faz diferença nos códigos?

Olá,

Será que poderia voltar com o código antigo e veja se a borda apareça

Até

Que código antigo? O que sugeri?

Cumprimentos,

Tenho andado a tentar mexer mas não consigo avançar :/

Deve ser qualquer coisa óbvia e eu nem estou a reparar!

up

up

Olá!

Troque o código por esse:

Código:

.info {
border:1px solid #000 !important;
}


Até mais!