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.
Publicidade
|
|
Page 1 of 1
Tabelas + CSS + Javascript fazer linhas mudarem de cor com rollover
#2
Posted 22 October 2006 - 02:21 PM
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...
(
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;
}
background-color:#ff0000;
}
a:visited{
background-color:#ff3300;
}
a:hover{
background-color: #ff0066;
}
a:active{
background-color:#ff6666;
}
se der algum erro avise XD
#3
Posted 22 October 2006 - 02:57 PM
QUOTE(rochester @ 22/10/2006 14:10:28)
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...
(
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;
}
background-color:#ff0000;
}
a:visited{
background-color:#ff3300;
}
a:hover{
background-color: #ff0066;
}
a:active{
background-color:#ff6666;
}
se der algum erro avise XD

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
#4
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!
Adriano Aguiar - adrianoaguiaralves@gmail.com
Em caso de dúvidas poste abaixo ou utilize nosso Fórum CSS/JavaScript/DHTML
- 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!
Adriano Aguiar - adrianoaguiaralves@gmail.com
Em caso de dúvidas poste abaixo ou utilize nosso Fórum CSS/JavaScript/DHTML
#5
Posted 28 October 2006 - 04:13 PM
QUOTE(bpedrozo @ 22/10/2006 13:10:30)
QUOTE(rochester @ 22/10/2006 14:10:28)
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...
(
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;
}
background-color:#ff0000;
}
a:visited{
background-color:#ff3300;
}
a:hover{
background-color: #ff0066;
}
a:active{
background-color:#ff6666;
}
se der algum erro avise XD

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

Só não esqueça de que esse comportamento não é suporte pelo INTERNET EXPLORES.
Abraços
#6
Posted 29 October 2006 - 07:46 PM
a:hover?
é sim..
pode até interpretar errado, mas se ele nao interpretar isso.. ixi...
haushuahsuauhs
é sim..
pode até interpretar errado, mas se ele nao interpretar isso.. ixi...
haushuahsuauhs
#7
Posted 03 November 2006 - 02:19 PM
QUOTE(rochester @ 29/10/2006 18:10:38)
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.
Abraços
#9
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...
posicionamento, valores, declarações que existem que ele ignora.. que nao existem ele aceita...
enfim, todas as coisas bos da vida...
Share this topic:
Page 1 of 1
Similar Topics
| Topic | Forum | Started By | Stats | Last Post Info | |
|---|---|---|---|---|---|
|
www.ag1designs.com/cheapjerseys428.htmlbh47
cheap nike nfl jerseys ln84 |
Eventos |
StooneLox
|
|
|
|
Formulário de email completo
classe loadVars() para PHP ou ASP |
Tutoriais e Artigos |
triko
|
|
|
|
Noticiário com apresentadoras nuas chega à Itália
|
Notícias |
Notícias
|
|
|
|
http://www.ptswlw.com/home/space.php?uid=403&do=blog&id=4404
http://www.lifecollection.com.tw/twcid/forum.php?mod=viewthread&ti |
Eventos |
kerfidetletat
|
|
|
|
Menu circular nao funciona com loadmovie
|
Flash & ActionScript |
Fabiow
|
|
|
|
Dúvida Com Array - Expert
|
Flash & ActionScript |
Fellipe Abreu
|
|
|
|
Malásia lança o menor microchip do mundo com radiotecnologia
|
Notícias |
Notícias
|
|
|
|
Achat En Ligne Cefdinir Paiement A La Livraison A Le Tampon
Ou Commander Cefdinir Pharmacie A Boulogne-Billancourt |
Eventos | Guest_Leaskelenny_* |
|
Publicidade
|
|

Help













