..:: MX Studio Fóruns ::..: Tabelas + CSS + Javascript - ..:: MX Studio Fóruns ::..

Jump to content

Publicidade




Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Tabelas + CSS + Javascript fazer linhas mudarem de cor com rollover

#1 User is offline   hellequin 

  • Group: Membros
  • Posts: 2
  • Joined: 20-October 06

Posted 20 October 2006 - 04:12 PM

Como fazer com que ao passar o mouse sobre uma linha de uma tabela ela mude de cor ?

Tambem gostaria de saber como poderia fazer para que ao clicar nessa linha o usuario va para outra pagina, ou com um submit form, ou como um link mesmo.
0

#2 User is offline   rochester 

  • Group: Colunistas
  • Posts: 1080
  • Joined: 24-June 06

Posted 22 October 2006 - 02:21 PM

alegre.gif tabelaasss

enfim.. recomendo q vc use div (a não ser q sejam dados tabulares mesmo)
pra linha da tabela mudar de cor,tenta fazer ela como link e no css vc define isso tudo pra ela.. ai vc ja mata tbm o problema de qndo o usuario clicar ir para outra pág...
( tongue.gif que gambiarrão)
no css vc define +/- assim

CODE
a:link{
background-color:#ff0000;
}
a:visited{
background-color:#ff3300;
}
a:hover{
background-color: #ff0066;
}
a:active{
background-color:#ff6666;
}


se der algum erro avise XD

thumbup.gif
0

#3 User is offline   bpedrozo 

  • Group: Desafio Fireworks
  • Posts: 596
  • Joined: 25-June 05

Posted 22 October 2006 - 02:57 PM

QUOTE(rochester @ 22/10/2006 14:10:28)
alegre.gif tabelaasss

enfim.. recomendo q vc use div (a não ser q sejam dados tabulares mesmo)
pra linha da tabela mudar de cor,tenta fazer ela como link e no css vc define isso tudo pra ela.. ai vc ja mata tbm o problema de qndo o usuario clicar ir para outra pág...
( tongue.gif que gambiarrão)
no css vc define +/- assim

CODE
a:link{
background-color:#ff0000;
}
a:visited{
background-color:#ff3300;
}
a:hover{
background-color: #ff0066;
}
a:active{
background-color:#ff6666;
}


se der algum erro avise XD

thumbup.gif
View Post


Só pra complementar, caso resolva usar divs, o :hover também funciona em divs, tabelas e grande parte dos elementos

#div id:hover{
background-color: cor;
}

não precisa por div pra especificar que é uma div, só o id, eu coloquei ali pra saber que é pra por o id da div
0

#4 User is offline   Adriano Aguiar 

  • Group: Membros
  • Posts: 118
  • Joined: 19-May 06

Posted 23 October 2006 - 11:06 AM

Boa, abaixo segue a referencia que você poderá encontrar na Biblioteca CSS:


- MENU

Menu CSS e suas aplicações - Adriano Aguiar

Menus CSS - Micox


- VARIOS

Formatando texto em CSS - HaRtEr

Media Types e seus conceitos - Adriano Aguia

Criação Layout simples em Tableless - Tony Conde

CSS Box Model e suas definições - Adriano Aguiar


DIV Flutuante com Opacidade - Adriano Aguiar

Background em Layout com marcações CSS - Adriano Aguiar

Referências abaixo para estudar:

http://www.maujor.com webstandard/CSS

http://www.w3c.org Orgão responsável pelos padrões e diretrizes WEB.

http://www.artifice.web.pt javascript/CSS

http://http://www.mxstudio.com.br/views.glossario.php?cid=6 (Glossário HTML)


Até a próxima! thumbsup.gif

Adriano Aguiar - adrianoaguiaralves@gmail.com
Em caso de dúvidas poste abaixo ou utilize nosso Fórum CSS/JavaScript/DHTML
0

#5 User is offline   Firemaster 

  • Group: Membros
  • Posts: 1410
  • Joined: 14-September 04

Posted 28 October 2006 - 04:13 PM

QUOTE(bpedrozo @ 22/10/2006 13:10:30)
QUOTE(rochester @ 22/10/2006 14:10:28)
alegre.gif tabelaasss

enfim.. recomendo q vc use div (a não ser q sejam dados tabulares mesmo)
pra linha da tabela mudar de cor,tenta fazer ela como link e no css vc define isso tudo pra ela.. ai vc ja mata tbm o problema de qndo o usuario clicar ir para outra pág...
( tongue.gif que gambiarrão)
no css vc define +/- assim

CODE
a:link{
background-color:#ff0000;
}
a:visited{
background-color:#ff3300;
}
a:hover{
background-color: #ff0066;
}
a:active{
background-color:#ff6666;
}


se der algum erro avise XD

thumbup.gif
View Post


Só pra complementar, caso resolva usar divs, o :hover também funciona em divs, tabelas e grande parte dos elementos

#div id:hover{
background-color: cor;
}

não precisa por div pra especificar que é uma div, só o id, eu coloquei ali pra saber que é pra por o id da div
View Post


Só não esqueça de que esse comportamento não é suporte pelo INTERNET EXPLORES.

Abraços

0

#6 User is offline   rochester 

  • Group: Colunistas
  • Posts: 1080
  • Joined: 24-June 06

Posted 29 October 2006 - 07:46 PM

a:hover?

é sim.. tongue.gif
pode até interpretar errado, mas se ele nao interpretar isso.. ixi...

haushuahsuauhs

biggrin.gif
0

#7 User is offline   Firemaster 

  • Group: Membros
  • Posts: 1410
  • Joined: 14-September 04

Posted 03 November 2006 - 02:19 PM

QUOTE(rochester @ 29/10/2006 18:10:38)
a:hover?

é sim..  tongue.gif
pode até interpretar errado, mas se ele nao interpretar isso.. ixi...

haushuahsuauhs

biggrin.gif
View Post


Não disse em relação ao A, senão estaria maluco..hehe...Disse em relação as DIV's. Assim, como qualquer elemento, ele suporte hover, mas somente o INTERNET EXPLORER é que não dá suporte a esse comportamento a outros elementos que não sejam A. thumbsup.gif

Abraços
0

#8 User is offline   vitor@contagiocriacao.com.br 

  • Group: Membros
  • Posts: 7
  • Joined: 01-June 06

Posted 10 November 2006 - 06:00 PM

esquece...
0

#9 User is offline   rochester 

  • Group: Colunistas
  • Posts: 1080
  • Joined: 24-June 06

Posted 12 November 2006 - 05:36 PM

hehe... isso é, o IEca interpreta umas coisas bem errado...

posicionamento, valores, declarações que existem que ele ignora.. que nao existem ele aceita...

enfim, todas as coisas bos da vida...

biggrin.gif
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic



Publicidade




2 User(s) are reading this topic
0 membro(s), 2 visitante(s) e 0 membros anônimo(s)