Как сделать так, чтобы ссылки выпадающего меню раскрывались вертикально, не меняя порядок навигационной панелиCSS

Разбираемся в CSS
Anonymous
Как сделать так, чтобы ссылки выпадающего меню раскрывались вертикально, не меняя порядок навигационной панели

Сообщение Anonymous »


Я пытаюсь включить раскрывающийся список для одной вкладки в свою панель навигации и пробую разные варианты (я использовал демо-версию от w3schools), но для того, чтобы раскрывающиеся ссылки отображались вертикально (при наведении курсора), мне нужно поставить display: inline-block;, но в результате моя вкладка мультимедиа перемещается в конец навигационной панели, меняясь местами с моей панелью информации поэтому я хочу, чтобы мои ссылки выглядели так:


Изображение


и моя панель навигации будет выглядеть так


Изображение
.

Однако, если я хочу, чтобы раскрывающиеся ссылки выглядели так, как я хочу, это произойдет


Изображение


также это работает в демо-версии, но когда я добавляю свой собственный код для настройки панели навигации, ссылки в конечном итоге выглядят так:


Изображение


Я пытался сделать это с помощью flex-box (с использованием flex-direction: columns) и всего остального, но это не сработало, и я понятия не имею, что делать, ребята, у вас есть какие-нибудь другие предложения/если я делаю что-то не так? я хочу, чтобы страница с информацией была в конце

Вернуться в «CSS»