Выравнивание текста не работает в выпадающем меню

-2

Я пытаюсь создать раскрывающееся меню, но текст всегда сбрасывается справа от того, где находится исходный элемент списка. Я возился с разными настройками выравнивания текста, но, похоже, все правильно. Мой HTML доступен here. Мой CSS код выглядит следующим образом:Выравнивание текста не работает в выпадающем меню

#navMenu, 
#navMenu ul { 
list-style: none; 
height: 10px; 
} 
#navMenu { 
float: left; 
} 
#navMenu > li { 
float: left; 
padding-right: 15px; 
} 
#navMenu li a { 
display: block; 
height: 2em; 
line-height: .75em; 
padding: 0 1.5em; 
text-decoration: none; 
font: bold 12px Arial, Helvetica, sans-serif; 
color: #000000; 
text-align: end; 

} 
#navMenu > li > a { 
color: #fff; 
align: left; 
text-align: left; 
font-weight: bold; 
} 
#navMenu > li:hover > a { 
background: #f09d28; 
color: #000; 
} 

#navMenu ul { 
position: absolute; 
display: none; 
align: left; 
width: auto; 
height: 50px; 
background-color: #AAAAAA; 
z-index: 999; 
} 
#navMenu ul li a {`enter code here` 
list-style-position:inside; 
} 
#navMenu li:hover ul { 
display: block; 

}

источник

2014-12-10 hannsta

Предоставьте дополнительную информацию, например, HTML. Вы можете использовать фрагменты стека, чтобы здесь сильно повлиять. Кроме того, рассмотрите возможность ограничения как вашего HTML, так и CSS до наименьшей суммы, необходимой для демонстрации проблемы. См. [MVCE] (http://stackoverflow.com/help/mcve) для получения советов. Как бы то ни было, этот вопрос неясен. –

subnav ul создает padding. Дать subnav ul a padding: 0. Это должно помочь вам.

источник

2014-12-10 23:09:47 Chanckjh

Браузер по умолчанию добавляет некоторые остатки на ul. Вы должны удалить эти отступы:

#navMenu ul { 
    padding: 0; 
}

Вы также можете рассмотреть возможность использования CSS reset для предотвращения таких проблем, как эти.

источник

2014-12-10 23:10:05

У вас есть дополнительное дополнение слева от <ul> в subnav. Зафиксируйте его, добавив этот CSS:

#navMenu ul { 
    padding: 0; 
    height: auto; 
}

Примечание: height: auto; фиксирует высоту subnavs.

Также рассмотреть добавление CSS сброса, такие как этот: http://www.cssreset.com/

источник

2014-12-10 23:11:41

Попробуйте это:

ul#navMenu ul { 
padding-left: 0; 
}

Это позволит убедиться, что вы только попали ваши вложенные Ul, а не верхнего уровня уль-х

источник

2014-12-10 23:20:51 redplanet

Выравнивание текста не работает в выпадающем меню

ответ

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