Въпрос за падащи менюта


1
Когато имаме падащо меню, което искаме да е на един ред, как го предпазваме от счупване ако му се сложат прекалено много
  • -та? Защото когато
  • -тата изпълнят реда, слизат на следващия ред, и от една страна става грозно, от друга страна просто не работи добре, защото като hover-ваш подменютата всъщност hover-ваш и
  • -тата които са слезнали на втория ред и става мазало.
    Ако задам фиксирана височина и overflow: hidden на главното
      , то подменютата не се виждат, защото overflow: hidden ги реже.
      Та как се процедира в този случай, казваме на клиента да не слага над определен брой menu items ли?



  • Отговори



    0

    Въпросът ти е много добър. Лично аз не знам дали е възможно да се направи така, че li-тата да останат само на един ред, да не се чупи дизайна при увеличаване броя им и да не се реже от падащото меню.

    Сигурен съм, обаче, че не е добре да се казва на клиента да не слага повече от определен брой менюта :).

    Ще цитирам част от въпроса ти:

    "...просто не работи добре, защото като hover-ваш подменютата всъщност hover-ваш и <li>-тата които са слезнали на втория ред и става мазало."

    Всъщност може да се направи li-тата да си падат на следващия ред и чрез подходящо стилизиране принципно може да се получат задоволителни резултати. Всичко зависи от дизайна, разбира се. При мен например това се получи много добре (8-ми проект). Иначе ако искаш да не ти се получава мазало при hover-ването можеш да използваш z-index, чрез който ще зададеш приоритети на елементите.


    от georgi.s.yankov (6219 точки)


    0

    "Ако задам фиксирана височина и overflow: hidden на главното <ul>,"

    Това не го разбрах. Говорим за основния ul и хоризонталното му увеличаване, нали така.

    Само max-width на основния <ul> ? Това ми изниква в ума.

    В случай, че целим избягване на главоболия от падане на повече от един ред.


    от Velidar (1099 точки)


    0
    Аз мисля, че в конкретния случай е без значение дали ще се задава фиксирана височина или ширина на основния
      , тъй като и в двата случая проблемът не се решава. Принципно е по-логично да се използва фиксирана ширина, разбира се.
      Та задавайки max-width това също би спряло разпъването по ширина, но увеличавайки броя на li-тата те пак ще си падат на следващия ред :). Поправи ме ако греша?

    от georgi.s.yankov (6219 точки)

    0
    А се чудех какво пропускам. :D:D:D
    Да, така е. : ) Не се усетих по отношение на това.

    от Velidar (1099 точки)