Lista com números quando passar o mouse ficar laranja

Qual é minha questão:
Como criar uma lista com os números e quando passa o mouse ficar laranja o fundo ? Eu tentei e fica só assim.

Medidas que eu tomei para corrigir o problema:
tentei

Endereço do meu fórum:
http://bombahotel.forumeiros.com

Versão do meu fórum:
INVISION

Olá!

Qual o seu objetivo com isso, criar uma tabela? Uma tabela de que tamanho?
E colocar em um tópico?

Até mais.

Luciano98 escreveu:Olá!

Qual o seu objetivo com isso, criar uma tabela? Uma tabela de que tamanho?
E colocar em um tópico?

Até mais.

Meu objetivo era criar uma tabela em um tópico.

Olá!
Poderia nos mostrar o que deseja utilizando uma imagem? Apenas para facilitar o entendimento...
Até mais!

Steeph escreveu:Olá!
Poderia nos mostrar o que deseja utilizando uma imagem? Apenas para facilitar o entendimento...
Até mais!

Uma tabela tipo essa:



Aguardo sua resposta

Olá!
Primeiro, adicione estes códigos em seu css:

.tabela1 { boder-top: 1px solid white; background-color: transparent;}
.tabela1 a:hover {background-color: #COR;}

E durante a estrutura da tabela, adicione isto: class="tabela1"

Exemplo: <table class="tabela1">
E os números, são imagens. Basta criar imagens com os números e colocá-los na tabela...
Até mais!

Tópico movido de 'Questões diversas' para 'Questões sobre códigos'

Steeph escreveu:Olá!
Primeiro, adicione estes códigos em seu css:

.tabela1 { boder-top: 1px solid white; background-color: transparent;}
.tabela1 a:hover {background-color: #COR;}

E durante a estrutura da tabela, adicione isto: class="tabela1"

Exemplo: <table class="tabela1">
E os números, são imagens. Basta criar imagens com os números e colocá-los na tabela...
Até mais!

Tópico movido de 'Questões diversas' para 'Questões sobre códigos'

Desculpe, mas não sei mexer em código e essas coisas... qual o BBCode eu ponho mesmo ? é este:

Vou fazer um exemplo...

Código:

[table class="tabela1"]
[tr]
[td]1[/td]
[td] Aqui vem o primeiro texto[/td]
[/tr]
[tr]
[td]2[/td]
[td]Aqui vem o segundo texto[/td]
[/tr]
[/table]

Resultado:

1	Aqui vem o primeiro texto
2	Aqui vem o segundo texto

Obs.: Não ficou com o estilo porque não foi adicionado aquele código no css daqui, no seu caso deverá funcionar...
Ah, e aonde está #COR em vermelho, substitua pelo código da cor que deseja que o fundo fique ao passar o mouse...
Qualquer problema, avise!
Até mais!

Steeph escreveu:Vou fazer um exemplo...

Código:

[table class="tabela1"]
[tr]
[td]1[/td]
[td] Aqui vem o primeiro texto[/td]
[/tr]
[tr]
[td]2[/td]
[td]Aqui vem o segundo texto[/td]
[/tr]
[/table]

Resultado:

1	Aqui vem o primeiro texto
2	Aqui vem o segundo texto

Obs.: Não ficou com o estilo porque não foi adicionado aquele código no css daqui, no seu caso deverá funcionar...
Ah, e aonde está #COR em vermelho, substitua pelo código da cor que deseja que o fundo fique ao passar o mouse...
Qualquer problema, avise!
Até mais!

Há um errinho, não sei se foi no css, por que eu adicionei sim o código,mas é para adicionar no local das cores certo?

O resultado deu:

1 Aqui vem o primeiro texto
2 Aqui vem o segundo texto

Olá!

Ao invés do código que Steeph lhe deu utilize este:

Código:

[table class="table1"]
[tr]
[td]1[/td]
[td] Aqui vem o primeiro texto[/td]
[/tr]
[tr]
[td]2[/td]
[td]Aqui vem o segundo texto[/td]
[/tr]
[/table]

Resolve?

Melhores cumprimentos,
seender