Como puedo utilizar un css para un menu y otro para otro dentro de la misma pagina.

[marco_sa]

Iniciado por aloqui

Prueba esto, debería funcionar:

El fichero con el CSS del menú de operarios:

Código:

#menu_operarios ul 
{ 
  list-style-type: none; 
  font-family:sans-serif; 
  text-align: center 
}

#menu_operarios ul li 
{    
  display:inline; 
  background-color: #000000; 
  margin:6px;
  margin-right: 10px; 
  font-size:16px; 
}
      
#menu_operarios ul li a 
{ 
  font-family: sans-serif; 
  width:120px;
  padding:4px 4px;
  text-decoration:none;
  text-align:center;
  font-weight:bold;
  font-size:11px;
  color:#FFFFFF;
  background-color:#000000;
  border-left:10px solid #666666;
}

#menu_operarios ul li a:hover 
{ 
  color:#CC9900;
  background-color:#CCCC66;
  border-left-color:#CC9900; 
}

El fichero con el CSS del menú de operarios:

Código:

#menu_delegaciones ul 
{ 
  list-style-type: none; 
  font-family: verdana, arial, sans-serif; 
  text-align: center 
}

#menu_delegaciones ul li
{    
  display:inline; 
  background-color: #000000; 
  margin:6px;
  margin-right: 10px; 
  font-size:16px; 
}
      
#menu_delegaciones ul li a 
{ 
  font-family: verdana, arial, sans-serif; 
  width:120px;
  padding:4px 4px;
  text-decoration:none;
  text-align:center;
  font-weight:bold;
  font-size:11px;
  color:#FFFFFF;
  background-color:#000000;
  border-left:10px solid #666666;
}

#menu_delegaciones ul li a:hover 
{ 
  color:#FF0000;
  background-color:#FFFFFF;
  border-left-color:#FF0000; 
}

Hola aloqui


Muchisimas gracias ahora si ha funcionado, poniendo la referencia en el div como siempre y cambiando los archivos css.

Mil gracias por tu ayuda, saludos.