Jump to content
Fórum Script Brasil
  • 0
Sign in to follow this  
viniciuscrn

Menu com imagens de fundo variando

Question

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?

Share this post


Link to post
Share on other sites

4 answers to this question

Recommended Posts

  • 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 ...

Share this post


Link to post
Share on other 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.

Share this post


Link to post
Share on other sites
  • 0

Valeu cara ..

mas ainda não deu certo..

esse id=td:hover, é desse jeito mesmo?

tem alguma forma de fazer o css só para a TD

tipo

td.hover {

....

}

alguma coisa do tipo?

valeu .. ate mais ..

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  



  • Forum Statistics

    • Total Topics
      148559
    • Total Posts
      644320
×
×
  • Create New...