Hola expertos en programación, estoy ponchado en lo siguiente, necesito que aparezca la barra roja de los items del menú solo en el item qué se está visitando, les dejo la página pata que me ayuden más rapido xD
[URL="http://aja.netai.net/innova/"]http://aja.netai.net/innova/[/URL]
esta es la hoja: Cita: #nav>li>a{
display: block;
overflow: hidden;
padding: 5px 10px 0px 10px;
color: #8e1713;
background: rgba(0,0,0,.0);
text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#nav>li>a:hover,
#nav>li.current_page_item>a{
background: #303232;
background: #ffffff;
border-bottom: solid #8b1612 5px;
}
#nav>li.current-menu-item>a,
#nav>li.current_page_item>a{
color: #8e1713;
}
#nav>li>a>.subheader{
color: #666666;
display: block;
font-size: 11px;
margin-top: -8px;
font-weight: lighter;
}
Este es el HTML
Cita: <nav>
<ul id="nav" class="sf-menu">
<li class="current-menu-item"><a href="index.html">Inicio<span class="subheader">bienvenido</span></a></li>
<li><a href="nosotros.html">Nosotros<span class="subheader">unidad</span></a></li>
<li><a href="blog.html">Blog<span class="subheader">artículos</span></a>
</li>
<li><a href="media.html">Media<span class="subheader">comparte</span></a></li>
<li><a href="contacto.html">Contacto<span class="subheader">comunica</span></a></li>
</ul>
</nav>