LInk Activo css

[konoyek]

hola lo que busco es mantener un link de diferente color mientras estoy viendo la pagina respectiva

ejemplo:

tengo abierto archivos y en el menu me muestre lo siguiente:

archivos (red)
contenido (azul)
biblioteca (azul)
musica (azul)

[jayjayjay_92]

No puedes hacer eso que yo sepa, pero puedes añadir una clase por ejemplo selected entonces haces .selected a{color:red;} (si la clase la llevase un padre) o a.selected{color:red} (si la clase la llevase el propio enlace)

[konoyek]

mira tengo el siguiente codigo pero no se en que estoy fallando

Código HTML:

#menu {
background:none;
color:#CCCCCC;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
text-transform:uppercase;
margin-bottom:20px;
}

#menu a{
color:#999999;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
text-transform:uppercase;
}

#menu a:hover {
	color: #0099CC;
	text-decoration: underline;
	}


#menu a:active {
    color: #0000FF !important;
    }

#menu li {
border-bottom: #64B6BF dashed 1px;
padding-top:5px;
padding-bottom: 5px;
padding-right:10px;
list-style:none;

}

#menu li a:active {
    color: #0000FF !important;
    }

[jayjayjay_92]

Fallas porque
active: es cuando estas presionando
visited: cuando ya ha sido presionado
hover: cuando tienes el ratón encima
link: Cuando no se cumple ninguna de las anteriores

Vamos que lo que necesitas no es un active, añadele una clase selected al li y punto...

[konoyek]

me perdi un poco me podrias decir como que el css

[MasterXNicoX]

Veamos....

A que te referís con "tengo abierto archivos" ???

Sinceramente no entiendo a que te referis...

Podrias poner el HTML del menú???

[konoyek]

simplemente es que me muestre la pagina que se encuentra abierta o el link que se esta viendo y que este mientras se encuentra abierto me muestre otro color

[konoyek]

un ejemplo claro seeri:

http://www.caracoltv.com/informativos

[jayjayjay_92]

Te explico, tu tienes un menu hecho con listas
<ul>
<li />
<li />
<li />
</ul>

Obviamente esto no tiene sentido pero es para que lo entiendas, entonces añades una clase o una id al que está activo y queda

<ul id="nav">
<li class="selected" ><a href="#">Seleccionado</a></li>
<li />
<li />
</ul>

y en el css pones
ul .selected{color:red;}