Ir para conteúdo
Fórum Script Brasil
  • 0

Menu com imagens de fundo variando


viniciuscrn

Pergunta

opaa ..

Estou tentando fazer um menu, onde cada célula tem uma imagem de fundo,

e uma imagem semelhante para o hover.

Só que não estou conseguindo aplicar o css apenas para uma TD,

já que são imagens diferentes para cada TD.

alguém tem alguma sugestão?

Link para o comentário
Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

  • 0

<tr>

<td width="200" height="40" background="images/menu/home.gif"></td>

<td width="200" height="40" background="images/menu/pessoal.gif"></td>

<td width="200" height="40" background="images/menu/fotos.gif"></td>

<td width="200" height="40" background="images/menu/info.gif"></td>

</tr>

... css ...

table.fundo td:hover{

background-image: url(../images/menu/home_back.gif);

}

...

Veja .. desta forma aplico o hover a tabela inteira;

quero saber um meio para esta imagem ser hover só apenas da primeira td,

da mesma forma para as demais ...

Link para o comentário
Compartilhar em outros sites

  • 0
Guest --Daniel --
<tr>

<td width="200" height="40" background="images/menu/home.gif"></td>

<td width="200" height="40" background="images/menu/pessoal.gif"></td>

<td width="200" height="40" background="images/menu/fotos.gif"></td>

<td width="200" height="40" background="images/menu/info.gif"></td>

</tr>

... css ...

table.fundo td:hover{

background-image: url(../images/menu/home_back.gif);

}

...

Veja .. desta forma aplico o hover a tabela inteira;

quero saber um meio para esta imagem ser hover só apenas da primeira td,

da mesma forma para as demais ...

Você terá que criar uma ancora na primeira TD e direcionar o css para essa ancora

<a href="#td"><td width="200" height="40" background="images/menu/home.gif"></td></a>

e no css

table.fundo id=td:hover{

background-image: url(../images/menu/home_back.gif);

}

Ou se isso não funcionar, você insere o css somento no local direto na tag TD

É pelo menos eu acho que isso funciona, qualquer coisa você fala ae de novo.

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...