Ужасный интервал текста в меню Spry

У меня живое меню, а в меню у вас есть подменю, а расстояние между цифрами ужасное. Я изменил почти все в меню spry css, но интервал не изменится. Я думаю, что это как-то связано с padding, но не могу точно это подтвердить. Итак, мой вопрос: Почему интервал между текстом подменю такой большой?

Пример здесь.

Вот что такое подменю css:

ul.MenuBarHorizontal ul
{
margin: 0;
padding-top: .5em;
padding-right: .75em;
padding-bottom: 5em;
padding-left: .75em;
list-style-type: none;
font-size: 50%;
z-index: 1020;
cursor: pointer;
width: 83px;
position: absolute;
left: -100em;
border: 0px;
text-align: center;
top: 91px;
height: 307px;
    }

Я просмотрел другой вопрос, но ни один из них, похоже, не отвечает на мой вопрос. Я читал о бодрых меню, но там не повезло. Может быть, кто-то еще может дать мне несколько советов.

Итак, позвольте мне резюмировать мой вопрос. Что мне нужно изменить, чтобы в подменю было пространство для текста, чтобы они не были так далеко друг от друга?


menu html css spry
person apples    schedule 27.01.2014    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вы неправильно выбираете элементы подменю:

Должно быть что-то похожее на:

ul li ul li a{
}

or

ul.MenuBarHorizontal ul li a {
}

or

ul.MenuBarHorizontal ul li a {
    margin: 0;
    padding-top: .5em;
    padding-right: .75em;
    padding-bottom: 5em;
    padding-left: .75em;
    list-style-type: none;
    font-size: 50%;
    z-index: 1020;
    cursor: pointer;
    width: 83px;
    position: absolute;
    left: -100em;
    border: 0px;
    text-align: center;
    top: 91px;
    height: 307px;
}

Попробуйте навести курсор на одно из подменю, щелкнуть правой кнопкой мыши и выбрать элемент «проверить». Вы можете увидеть HTML-код элементов управления, на которые вы пытаетесь настроить таргетинг.

Когда у вас есть правильные селекторы CSS, ваши стили должны начать работать.

person Lowkase    schedule 27.01.2014
comment
Поместите свой код стиля, который вы разместили, в один из этих селекторов. Я предлагаю вам поместить его во второй пример. Вы должны увидеть изменение стиля подменю. - person Lowkase; 27.01.2014
comment
что вы имеете в виду в одном из этих селекторов? - person apples; 27.01.2014
comment
Обновлены примеры, попробуйте третий. Селекторы CSS — это элементы/классы/идентификаторы, на которые вы ориентируетесь, чтобы переопределить стиль этих элементов... Например, если бы я хотел изменить цвет ссылок на всем веб-сайте, я бы выбрал следующий селектор CSS --- a { красный цвет; } --- a — это селектор CSS. - person Lowkase; 27.01.2014
comment
если я изменю любое из имен подменю в css, оно перестанет работать. нет выпадающих меню - person apples; 27.01.2014
comment
Я не просил вас менять какие-либо имена в CSS. Я имел в виду, что вы должны добавить li a в конец ul.MenuBarHorizontal ul, который вы показали нам в своем примере кода. Результирующий селектор: ul.MenuBarHorizontal ul li a. - person Lowkase; 27.01.2014
comment
хорошо, перейдите по этой ссылке и убедитесь, что когда я ее изменяю, выпадающее меню больше - person apples; 27.01.2014
comment
давайте продолжим это обсуждение в чате - person apples; 27.01.2014