css no menu

[Reginaldo 0]

ae galera.. to fazendo um site com 1 tipo de menu que eu axo muito legal...

 

imaginem uma tabela com 1 col e 5 lin.. cada linha é um item do menu.. dentro de cada uma das 5 celulas tem 1 link..

 

eu preciso que quando eu passar o mouse em cima desse link ele atribua o "efeito link" á toda a celula... e não só na palavrinha que diz.. por ex. clique aki!

e outra.. a cor de fundo da celula precisa mudar quando eu passar o mouse em cima.. eu estou fazendo porem não consigo fazer direito...

 

deen uma olhada http://200.232.243.80:8010/teste a cor de fundo pega apenas no espaço do link e o link pega apenas na palavra.. aguem pode me dar uma luz ?

 

agradeço muito.

Feliz Ano Novo

[fael 1]

Cara, faz o seguinte:

 

Código CSS:

 

<style type="text/css">   td {    font-family: Verdana, Tahoma, sans-serif;    font-size: 11px;    color: #58852C   }   .Menu {    font-family: Verdana, Tahoma, sans-serif;    font-size: 11px;    color: #004A00   }</style>

Código java script:

<script language="JavaScript">   function mOvr(src) {    if (!src.contains(event.fromElement)) {     src.bgColor = '#E1F0D2';     src.style.cursor='hand';    }   }   function mOut(src) {    if (!src.contains(event.toElement)) {     src.bgColor = '#C3E1A6';    }   }  </script>

Código HTML:

 

<table cellspacing="1" cellpadding="5" border="0" bgcolor="#E1F0D2" width="130">    <tr>     <td onmouseover="mOvr(this,'');" onmouseout="mOut(this,'');" bgcolor="#C3E1A6" class="Menu">Embalagens</td>    </tr>    <tr>     <td onmouseover="mOvr(this,'');" onmouseout="mOut(this,'');" bgcolor="#C3E1A6" class="Menu">Hortaliças</td>    </tr>    <tr>    <td onmouseover="mOvr(this,'');" onmouseout="mOut(this,'');" bgcolor="#C3E1A6" class="Menu">Hortaliças Organicas</td>    </tr>    <tr>     <td onmouseover="mOvr(this,'');" onmouseout="mOut(this,'');" bgcolor="#C3E1A6" class="Menu">Flores</td>    </tr>    <tr>     <td onmouseover="mOvr(this,'');" onmouseout="mOut(this,'');" bgcolor="#C3E1A6" class="Menu">Flores Profissionais</td>    </tr>    <tr>     <td onmouseover="mOvr(this,'');" onmouseout="mOut(this,'');" bgcolor="#C3E1A6" class="Menu">Temperos</td>    </tr>    <tr>     <td onmouseover="mOvr(this,'');" onmouseout="mOut(this,'');" bgcolor="#C3E1A6" class="Menu">Diversos</td>    </tr>    <tr>     <td onmouseover="mOvr(this,'');" onmouseout="mOut(this,'');" bgcolor="#C3E1A6" class="Menu">Outros Produtos</td>    </tr>    <tr>     <td onmouseover="mOvr(this,'');" onmouseout="mOut(this,'');" bgcolor="#C3E1A6" class="Menu">Livros</td>    </tr>    <tr>     <td onmouseover="mOvr(this,'');" onmouseout="mOut(this,'');" bgcolor="#C3E1A6" class="Menu">Busca Avançada</td>    </tr>   </table>

E em cada célula da tabela você coloca o atributo onclick="location.href('endereco')"

 

Espero ter ajudado! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

 

Um abraço e feliz ano novo.

[Reginaldo 0]

muito bom.. valew fera.. era isso mesmo que eu precisava... mas ainda tem um probleminha...

 

a cor de fundo da celula muda p/ a cor da fonte e a da fonte muda pra branco... isso tudo quando o mouse esta em cima.. porem a cor da fonte só muda pra brando se o mouse estiver em cima da palavra.. a celula não basta.. eu gostaria desse efeito na celula...

 

da uma olhada. http://200.232.243.200:8010/teste

 

 

Agradeço a força http://forum.imasters.com.br/public/style_emoticons/default/joia.gif