Горизонтальное «Подменю» Навигация

Я создаю веб-сайт из проекта, отправленного мне, но мне трудно понять, как создать горизонтальное подменю. Если вы просматриваете сайт так, как сейчас, вы увидите, что в пункте меню «О» есть фиктивные дочерние страницы/ссылки. Подменю понижается вертикально. Как я могу заставить это быть горизонтальным, как на прилагаемом скриншоте?Горизонтальное «Подменю» Навигация

Ссылка: http://website-test-lab.com/sites/tcf

Вот jsfiddle: jsfiddle.net/huwrowlands/2sQbn (основной код)

Благодаря

enter image description here

источник

2014-01-15 Huw Rowlands

Использование display:inline-block; или float:left; на li элементов. Как у вас есть на другом ul.

например:

.nav ul li ul li {float: left}

или

.nav ul li ul li {display:inline-block;}

источник

2014-01-15 14:06:45 Albzi

Пробовал это. Проблема заключается в том, что дети содержатся по ширине родителя. Таким образом, подменю не будет распространяться дальше, чем ширина 'about' li. –

http://jsfiddle.net/huwrowlands/2sQbn/ –

Вы должны плавать элементы внутри выпадающего меню.

.nav ul li ul li {float: left}

И удалить ширина от .sub меню

источник

2014-01-15 14:09:25 giker

Скопируйте свою разметку и css здесь http://jsfiddle.net – giker

http://jsfiddle.net/huwrowlands/2sQbn/ –

Горизонтальное «Подменю» Навигация

ответ

Смежные вопросы