Hola amigos.
Estoy gastando un menu que podeis encontrar en esta página:
http://exploding-boy.com/images/cssmenus/menus.html#
El codigo es el siguiente:
#tabsC {
float:left;
width:100%;
background:#EDF7E7;
font-size:93%;
line-height:normal;
}
#tabsC ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabsC li {
display:inline;
margin:0;
padding:0;
}
#tabsC a {
float:left;
background:url("tableftC.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsC a span {
float:left;
display:block;
background:url("tabrightC.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#464E42;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsC a span {float:none;}
/* End IE5-Mac hack */
#tabsC a:hover span {
color:#FFF;
}
#tabsC a:hover {
background-position:0% -42px;
}
#tabsC a:hover span {
background-position:100% -42px;
}
<div id="tabsC">
<ul>
<li><a href="link.php" title="texto"><span class="fuente_menu">texto </span></a></li>
<li class="menusel"><a href="link2.php" title="texto2" ><span class="fuente_menu">texto 2</span></a></li>
<li><a href="link3.php" title="texto 3"><span class="fuente_menu">texto 3 </span></a></li>
</ul>
</div>
y lo que quiero conseguir de alguna forma es que al seleccionar se quede la pestaña seleccionada como en el hover.
Se puede hacer de alguna forma?
Si necesitais algun tipo de explicacion o codigo mas avisarme.
Gracias!
