Holaaaa, pues a ver si alguien me podría explicar como aplicar en css el a:visited, que se quede como visitado la sección en la que me encuentro dentro del menú y que cuando pase a otra sección se quede como al inicio, le he dado muchas vueltas pero no lo consigo, no se si será problema de que el desplegable es jquery + ajax, ya que en el primer botón (atelier?) funciona perfecto ya que es la única que no se despliega.
Muchisimas graciasssss
Dejo el código:
HTML del menú:
Código:
<ul id="menu">
<li><a href="index.php">/// Atelier?</a></li>
<li><a href="#">/// Gestión de producción</a>
<ul>
<li><a href="javascript:Enviar('gestion.php','contents')">// Servicio de gestión</a></li>
<li><a href="javascript:Enviar('disseny.php','contents')">// Diseño - Publicidad</a></li>
<li><a href="javascript:Enviar('organizacion.php','contents')">// Organización de Montajes</a></li>
<li><a href="#">// Productos</a>
<ul>
<li><a href="javascript:Enviar('productos.php','contents')">/ Productos info</a></li>
<li><a href="#">/ Soporte Publicitario</a></li>
<li><a href="#">/ Soporte Audiovisual</a></li>
<li><a href="#">/ Soporte Hinchable</a></li>
<li><a href="#">/ Carpas</a></li>
<li><a href="#">/ Merchandising</a></li>
</ul>
</li>
</ul>
</li>
</ul>
Y el css:
Código:
#menu ul{
list-style-type:none;
margin-top:10px;
}
#menu ul a{
text-decoration:none;
color:#000;
font-size:12px;
line-height:26px;
border-bottom:1px #ffffff solid;
display:block;
padding-left:5px;
}
#menu ul a:link{ /* unvisited link */
color:#666666;
}
#menu a:link{
color:#666666;
}
#menu ul a:visited{ /* visited link */
color:#009EE0;
}
#menu a:visited{
color:#009EE0;
}
#menu ul a:hover{ /* mouse over link */
padding-left:5px;
color:#009EE0;
}
#menu a:hover{
color:#009EE0;
}
#menu ul a:active{ /* selected link */
color:#009EE0;
}
#menu a:active{
color:#009EE0;
}
ul{
display:block;
margin:0;
padding:0;
width:175px;
list-style:none;
}
#menu ul li a{
padding-left: 5px;
}
#menu ul li li{padding-left: 6px;}
#menu li ul {display:none;}