Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Meu menu dropdown tem uma altura limite e fixa de 300px (por exemplo). No terceiro nível dele, todos os links que ultrapassarem esse limite de altura, automaticamente devem seguir para uma coluna "extra" ao lado.
Exemplo:
(quantidade de links inferior ao limite da altura)
/applications/core/interface/imageproxy/imageproxy.php?img=http://i.imgur.com/ZWwAUH3.jpg&key=b1ec8a14c375df86991f9f1145d985a024ac1ddd873f78f7da280a4b17af7fe3" alt="ZWwAUH3.jpg" />
(lista de links ultrapassando o limite da altura do menu)
/applications/core/interface/imageproxy/imageproxy.php?img=http://i.imgur.com/1JWX8dB.jpg&key=1bd28101df6e7b2b3095a5336e4c9a55462ffec1731a55bf312c4ab6b64aecb5" alt="1JWX8dB.jpg" />
Como posso fazer?
Valeu Victor.
No seu exemplo eu não poderia usar essa separação "manual" das colunas.. teria que ser de uma forma automática. Acredito que quando eu limitar uma altura, automaticamente os links irão para o lado.. assim espero.. como qualquer outro elemento... só ainda não tive tempo de testar.. hehehe.
Valeu \o
Usei o "columns" e até que funcionou.
Porém.. surgiu outro problema.. a lista tem um fundo branco e como tem vários "níveis" de submenu, estou posicionando eles por "absolut" e "left"... e cada lista tem uma largura definida e precisa ter essa largura definida...
Como esse menu é dividido em duas colunas, essa largura limitada acaba fazendo o fundo branco ficar apenas na primeira coluna... como faço pra ele se estender em todas as colunas?
Não sei fazer de maneira "automatica", mas o que consegui foi:
http://jsfiddle.net/me506rj7/7/