Problemas con menu horizontal YUI

Buenas!

Tengo problemas con el menu horizontal en YUI, y es que no me carga los CSS al principio de la página.

El ejemplo se puede ver en www.iniciativasmultimedia.com/cruzroja

Primero carga los siguientes archivos:

• http://yui.yahooapis.com/pure/0.3.0/pure-min.css
• http://yui.yahooapis.com/3.14.1/build/yui/yui-min.js
• http://yui.yahooapis.com/pure/0.4.2/menus-nr-min.css

El código HTML es el siguiente:

<div id="demo-horizontal-menu" align="right">
   <ul id="std-menu-items">
      <li class="pure-menu-selected">
         item1
      </li>
      <li class="pure-menu-selected">
         item2
      </li>
      <li class="pure-menu-selected">
         item3
      </li>
      <li class="pure-menu-selected">
         item4
      </li>
   </ul>
</div>

Y el código JavaScript es el siguiente:

YUI({
    classNamePrefix: 'pure'
}).use('gallery-sm-menu', function (Y) {
 
    var horizontalMenu = new Y.Menu({
        container          : '#demo-horizontal-menu',
        sourceNode         : '#std-menu-items',
        orientation        : 'horizontal',
        hideOnOutsideClick : false,
        hideOnClick        : false
    });
 
    horizontalMenu.render();
    horizontalMenu.show();
 
});

Respuestas

#1

@HerrerosMiguel he probado tu página y el menú horizontal creado con YUI se ve y funciona bien. Además, los tres archivos que has comentado en tu pregunta también se cargan bien:

Como puedes ver, sí que hay un error al cargar el archivo normalize.css. Comprueba que has subido ese archivo al servidor y que la ruta que estás enlazando es correcta. Observa que la ruta del archivo normalize.css difiere bastante de las rutas de los demás archivos:

• Este archivo se carga bien: http://www.iniciativasmultimedia.com/cruzroja/pub/css/layout.css
• Este es el archivo que no se carga bien: http://www.iniciativasmultimedia.com/cruzroja/normalize.css

@javiereguiluz

3 marzo 2014, 20:24

#2

Buenas!

En primer lugar gracias por tu ayuda.

El problema con el menú horizontal, es que tarda en cargarse. O sea, hay un tiempo de 1 segundo, hasta que no se carga la página completamente, en que se ve el listado sin los estilos.

Lo de normalize.css, muchas gracias, sabía que me daba problemas.

Un saludo.

@HerrerosMiguel

5 marzo 2014, 10:46