Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/07/2010, 08:06
bibi1979
 
Fecha de Ingreso: septiembre-2009
Mensajes: 21
Antigüedad: 15 años, 3 meses
Puntos: 0
menu acodeón + a:visited

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;}