Dois menus , dois problemas

[leandro martins 0]

Tenho um site que tem um menu e está configurado com css, só que quando tem algum link ou outro menu ele adquire a caracteristica do primeiroEntão ai vai a perguntacomo criar dois css diferentes para alink, vlink ahover?

[fael 1]

Digamos que o teu css está assim:

 

ASP [/tr][tr]

a:link {

font-family: Verdana;

font-size: 11px;

color: #CE0000;

text-decoration: none

}

a:active {

font-family: Verdana;

font-size: 11px;

color: #CE0000;

text-decoration: none

}

a:hover {

font-family: Verdana;

font-size: 11px;

color: #000000;

text-decoration: underline

}

a:visited {

font-family: Verdana;

font-size: 11px;

color: #CCCCCC;

text-decoration: underline

}

[/tr]

 

Para criar classe diferentes de links, você coloca um ponto antes do nome da classe assim como no exemplo abaixo:

 

ASP [/tr][tr]

.menu:link {

font-family: Verdana;

font-size: 11px;

color: #CE0000;

text-decoration: none

}

.menu:active {

font-family: Verdana;

font-size: 11px;

color: #CE0000;

text-decoration: none

}

.menu:hover {

font-family: Verdana;

font-size: 11px;

color: #000000;

text-decoration: underline

}

.menu:visited {

font-family: Verdana;

font-size: 11px;

color: #CCCCCC;

text-decoration: underline

}

[/tr]

 

E por aí vai...

 

Se você não quiser colocar visited e active, não precisa, é só deixar a {} e a:hover {}, não tem problema, só você não terá comportamento para links visitados.

 

Espero ter ajudado. http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

 

Um abraço,