Задать вопрос
vlomoff
@vlomoff
Системный администратор

Как сделать выпадающий список горизонтальным?

Всех приветствую!

Нужна ваша помощь в реализации выпадающего списка, а именно чтобы выпав, он был горизонтальным.
Никак не удаётся заставить выпадающий список быть именно горизонтальным.
Пробовал различные значения display для классов "drop" и "drop2".
Подскажите кто чем сможет!

.drop {
    background: #FFF;
    display: block;
    border: 1px solid #000;
    position: absolute;
    z-index: 5;
    top: 0px;
    margin-top: 0px;
    padding-top: 0px;
    left: 63%;
    margin-left: -105px;
}
.drop2 {
    display: inline;
    clear: both;
}
ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    color: #000;
    font-size: 15px;
    line-height: 18px;
}
li.podcatalog {
    word-break: break-word;
    width: 160px;
    text-align: center;
    border-top: 1px solid #ffd800;
    border-bottom: 1px solid #ffd800;
    padding: 12px 0px 12px 29px;
    display: table;
    margin: 2px 5px 2px 5px;
    text-transform: uppercase;
}


сайт: php.киндерленд.рф
меню: главное меню по центру
  • Вопрос задан
  • 273 просмотра
Подписаться 2 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 2
Elmanovyurik
@Elmanovyurik
Гайды мое все...
Если был бы код, я думаю это помогло бы многим, тебе помочь )
Когда создаешь вопрос, там есть "..." и там выбираешь нужный синтаксис и в него вставляешь код
Ответ написан
mr_dev1l
@mr_dev1l
Технический верстальщик
.drop2 li {
 float:left;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы