fazer um menu

[danicarla 3]

Oi pessoas.

Desculpa se estou perguntando no lugar errado. Não sabia se postava aqui ou em Javascript.

 

Estou tentando montar um menu parecido com esse da imagem abaixo. Eu mudei no css no a:hover e no a:active mas ele só muda na hora que estou com o mouse posicionado em cima.

 

Eu queria fazer mais ou menos isso:

 

[stromdh 15]

declare nessa ordem:

a:link........define o estilo do link no estado inicial;

a:visited...define o estilo do link visitado;

a:hover.....define o estilo do link quando passa-se o mouse sobre ele;

a:active....define o estilo do link ativo (o que foi "clicado").

[danicarla 3]

stromdh Já tinha tentando desse jeito que você falou, mas não funcinou.
Quando eu clico no link ele não mantem o estilho que está no active.

<style type="text/css">
a:link {color: #D8191D;}
a:visited {color: #D8191D;}
a:hover {color: #D8191D;}
a:active { color:#000000;}
</style>

<a href="#">dicas vestuario</a> | <a href="#">dicas esmastes</a> | <a href="#">dicas da dani</a>

 

[leonardo de andrade baessa 16]

Se caso seu site abrir páginas Diferentes para cada opção do menu crie uma clase na lista do menu. ae na pagina vc só vai precisar clamar a classe

<li class="selecionado"><a href="#">Dicas 1</a></li>

 #menu { as opções do menu.

}

#menu li a { as opções do link 
}

#menu li a:hover { as opções do link quando o mouse passar
}

#menu li .selecionado a{  a classe .selecionado funcionará como o active
} 

[danicarla 3]

leonardo obrigado pela ajuda, mas também não funciona.
No meu caso o menu abre todo o conteudo em um iframe.

Então ele não vai mudar de pagina, vai ficar sempre na index

[L. Henrique 179]

Danicarla, tenta criar uma classe separada como "ativo" e estilize dessa forma:

.classedomenu > .ativo > a{
   //
}
.classedomenu > .ativo > a:hover{
   //
}

...

[danicarla 3]

Hantaroo, fiz oque você falou mas não resolveu.
Teve o mesmo comportamento do a:active

[Public2004 79]

Faltou este: a:focus

 

Att.

[danicarla 3]

Faltou este: a:focus

 

Att.

 

Obrigada :)

Assim deu certo!