[Resolvido] Help html/css

[Krash0 is Alive]

Galera, estou usando o code abaixo para quando passar o mouse em cima do "menu" ele criar uma "linha" abaixo, então eu queria deixar a linha ativa no menu "Inicio" na pagina de inicio só que a "linha" fica mais larga do que quando eu passo o mouse por cima.

Print de como fica:

Code usado para deixar assim:

<li style="padding: 10px; box-shadow:0 2px 0 #003f00;"> <a href="#">INÍCIO</a></li>

Print de como fica quando eu passo o mouse por cima:

 

 

Código usado para ficar assim quando eu passo o mouse:

#div_Container #div_Menu ul li a {
	text-decoration: none;
	color: #CCC;
	padding: 10px;
	margin: 40px;
}

#div_Container #div_Menu ul li a:hover {
	color: #FFF;
	box-shadow:0 2px 0 #003f00;
}

[Guest Dêemezeká]

Basta criar uma classe de ativo igual a do hover:

Html:

<li><a href="#" class="ativo">INICIO</a></li>

Css:

#div_Container #div_Menu ul li a {
	text-decoration: none;
	color: #CCC;
	padding: 10px;
	margin: 40px;
}

#div_Container #div_Menu ul li a:hover,
#div_Container #div_Menu ul li a.ativo {
	color: #FFF;
	box-shadow:0 2px 0 #003f00;
}

[Krash0 is Alive]

Basta criar uma classe de ativo igual a do hover:

Html:

<li><a href="#" class="ativo">INICIO</a></li>

Css:

#div_Container #div_Menu ul li a {
	text-decoration: none;
	color: #CCC;
	padding: 10px;
	margin: 40px;
}

#div_Container #div_Menu ul li a:hover,
#div_Container #div_Menu ul li a.ativo {
	color: #FFF;
	box-shadow:0 2px 0 #003f00;
}

 

eu tinha acabado de fzr isso kkkkkkkkkkkk'

[Guest Alexandre]

Sua dúvida foi marcada como [Resolvido] e movido à área de dúvidas resolvidas.


Atenciosamente,
Gamer's Board