Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal, vejam este exemplo:
http://www.oenning.eti.br/testelink.html
Tenho dois problemas com ele.
1) Como posso fazer para que o usuario seja redirecionado para o google ao clicar em qualquer lugar da lista? atualmente so funciona se ele clicar exatamente sobre o link.
2) Se voce olhar no CSS, eu defini que no hover da lista a cor da fonte deveria ser white, o background vermelho e a borda tambem. Porque a fonte ele nao altera para branco?
Muito obrigado :)
ps.: so testei no firefox, estou sem ie
Se você retirar o elemento A, vai ver que o css p/ o LI funciona.
O elemento A pega o estilo que você definiu p/ ele: cor preta. Num esquema como herança, o mais específico/próximo é utilizado.
Obrigado pessoal! Funcionou.
Dê um display block no a para poder controlar as dimensões dele, ai basta você dar altura e largura suficientes para preencher o LI todo. (width e height 100%, já q é filho de um elemento com dimensões explicitamente definidas).
Não funciona o teu white, pq é o a que você deve alterar.. ele possui regras próprias.
li:hover
{
li a:hover {