Lograr un efecto de listado

[dukeblass]

Hola, recurro a ustedes por que ya me enrede..

el dilema es:
tengo un lista

Código HTML:

<ul class="lista">
     <li><a>Elemento 1</a></li>
     <li><a>Elemento 2</a></li>
     <li><a>Elemento 3</a></li>
     <li><a>Elemento 4</a></li>
</ul>
 

la cual lista tiene un alto fijo y un ancho variable (al final fijo) que cambia al re-dimensionar el navegador.... al hacer esto si el contenido de la listas (la suma de ancho de los LI) es mayor al tamaño que queda de la lista, los elementos "LI" que no entran se borran y pasan a una sub lista, básicamente quedaría asi:

Código HTML:

<ul class="lista">
     <li class="masLlista">
         <a>mas</a>
         <ul>
              <li><a>Elemento 3</a></li>
              <li><a>Elemento 4</a></li>
         </ul>
     </li>
     <li><a>Elemento 1</a></li>
     <li><a>Elemento 2</a></li>
</ul>
 

como podría hacer esto, algo ya tengo pero es un lió total..
aunque sa si pueden orientarme y ya me encargo yo

....

[dggluz]

Ok, necesitás añadir un listener al evento window.resize, para saber cuándo se modifica el tamaño de la ventana. Luego, teniendo un ancho fijo por ítem (elemento "li"), puedes calcular con una simple división cuántos ítems entrarían. Después quitas todos los ítems de tus listas y los vuelves a añadir, según la cantidad que corresponda. No sé si me hice entender, pero no debería ser difícil. ¡Suerte!