Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Legendaryz®

Mudança No Background-color Numa Tabela

Recommended Posts

Nos eventos ONMOUSEOVER e ONMOUSEOUT, você identifica a célula pela origem do EVENTO e subtitui o atributo STYLE.BACKGROUND-COLOR.OK..!!?? T+...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Script:

<script type="text/javascript">function over(obj) {obj.style.backgroundColor = "#f5f5f5";}function out(obj) {obj.style.backgroundColor = "#ffffff";}</script>

E na célula:

<td onmouseover="over(this)" onmouseout="out(this)">sdsd</td>

[]'s

Compartilhar este post


Link para o post
Compartilhar em outros sites

Se quiser usar apenas css, pode fazer da seguinte maneira:- Crie uma class de link;- Na class adicione a propriedade 'background-color: #cor;' na seção 'hover'.- Adicione a class a célula.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Se quiser usar apenas css, pode fazer da seguinte maneira:

 

- Crie uma class de link;

- Na class adicione a propriedade 'background-color: #cor;' na seção 'hover'.

- Adicione a class a célula.

Meu caro mows, neste caso que você exemplificou, não se adiciona à célula, e sim ao link como você mesmo citou... O que deve ser feito é colocar, além da formatação da cor de fundo, a propiedade display: block, pois dessa forma em qualquer local da célula a cor de fundo altera quando o mouse estiver sobre a mesma... Ficaria assim:

a.celula {	background-color: #ffc;	display: block;}a.celula:hover {	background-color: #fcc;}
E no html:
<td><a href="#" class="celula"> </a></td>
Detalhe: não sei como está estruturada sua página exatamente, mas essa formatação é para um link, ou seja, se tiver que remover a underline, use a propriedade text-decoration, se tiver que "esconder" o texto, tente usar indentação negativa, enfim, isso vai depender do seu caso... Mas o princípio é esse mesmo... E lembre-se: use tabelas apenas se os dados forem tabulares, ou seja, que necssiatm ser dispostos em linhas e colunas...

 

http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

Meu caro mows, neste caso que você exemplificou, não se adiciona à célula, e sim ao link como você mesmo citou... O que deve ser feito é colocar, além da formatação da cor de fundo, a propiedade display: block, pois dessa forma em qualquer local da célula a cor de fundo altera quando o mouse estiver sobre a mesma... Ficaria assim:

Exatamente, esqueci de mencionar que era pra link dentro da célula com o block.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.