Buenos dias, hoy voy a escribir sobre como solucione un problema para poder agregar una especie de submenu en la pagina de un cliente

La cuestion es la siguiente, por necesidades del trabajo de SEO hace falta agregar en el cuerpo de la pagina (http://www.grupohogaral-worldtravel.com/servicios.html) un menu para poder ver todos los videos disponibles. Para eso decidi hacer lo siguiente:

• Estableci un ancho fijo de unos 780px para todo el menu y le asigne un color de fondo la siguiente clase:

  
     .menu{
      width: 780px;
      background-color: #333; }
  

• Luego agregue el siguiente codigo para los tag de la lista:

  .menu ul{
      margin: 0; padding: 0;
      float: left;}
   
  .menu ul li{
      display: inline;}
   
  .menu ul li a{
      float: left; text-decoration: none;
      color: white;
      padding: 10.5px 11px;
      background-color: #333; }
   
  .menu ul li a:visited{
      color: white;}
   
  .menu ul li a:hover, .menu ul li .current{
      color: #fff;
      background-color:#0b75b2;}