Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   Menu CSS (http://www.forosdelweb.com/f53/menu-css-434717/)

vicvallo 16/10/2006 12:09

Menu CSS
 
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!

Rafael 16/10/2006 16:01

Puedes tratar con css las mismas características en
a:active y a:visited

Si lo que necesitas es otra cosa necesitarías un JavaScript.

vicvallo 17/10/2006 03:35

si, es otra cosa....
pero no se orientar el javascript a lo que necesito...
necesito que me tiren un cable!
Gracias!


La zona horaria es GMT -6. Ahora son las 20:30.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.