Hola, tengo un menu sencillo en css pero me gustaria que al pulsar en uno de los botones se quede marcado en la seccion en la que esta, no se si me explico, como podria hacerlo? el menu es este
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Menu de prueba</title>
<style type="text/css">
<!--
body {
margin:0;
padding:0;
font: bold 11px/1.5em Verdana;
}
h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
}
/*- Menu Tabs B--------------------------- */
#tabsB {
float:left;
width:100%;
background:#F4F4F4;
font-size:93%;
line-height:normal;
}
#tabsB ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabsB li {
display:inline;
margin:0;
padding:0;
}
#tabsB a {
float:left;
background:url("tableftB.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsB a span {
float:left;
display:block;
background:url("tabrightB.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsB a span {float:none;}
/* End IE5-Mac hack */
#tabsB a:hover span {
color:#000;
}
#tabsB a:hover {
background-position:0% -42px;
}
#tabsB a:hover span {
background-position:100% -42px;
}
#tabsB #current a {
background-position:0% -42px;
}
#tabsB #current a span {
background-position:100% -42px;
}
-->
</style>
</head>
<body>
<h2>Tab Menu B</h2>
<div id="tabsB">
<ul>
<!-- CSS Tabs -->
<li id="current"><a href="index.php"><span>Inicio</span></a></li>
<li><a href="modules.php?name=Downloads"><span>Descargas</span></a></li>
<li><a href="modules.php?name=Tutoriales"><span>Tutoriales</span></a></li>
<li><a href="modules.php?name=FAQ"><span>Trucos</span></a></li>
<li><a href="modules.php?name=Forums"><span>Foro</span></a></li>
<li><a href="modules.php?name=Your_Account"><span>Tu Cuenta</span></a></li>
<li><a href="modules.php?name=Contacto"><span>Contacto</span></a></li>
</ul>
</div>
<br /><br />
</body>
</html>