выпадающее меню

0

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

благодаря

[Http://jsfiddle.net/6YZ8w/]

  • 0
    показать код HTML ..
  • 0
    пожалуйста сделайте Fiddle Demo
Показать ещё 2 комментария
Теги:

2 ответа

0

вы можете попробовать выполнить приведенный ниже пример

.mymenu {
    widht:100%;
    background: url(../images/mbg.png) #F00;
    height:40px;
    border-bottom: #21b8ff solid 4px;
    margin:0px 0px 0px 0px;
    overflow:hidden;
}

.mymenu .menu {
    padding-top:5px;
    padding-right: 60px;
}

.mymenu .menu a{
    margin-top:3px;
    float:right;
    text-decoration: none;
    font-family: SC_DUBAI;
    font-size: 20px;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    margin:0px 0px 0px 0px;
    border-right: #4c4c4c solid 1px;
    border-left: #818181 solid 1px;
    height:40px;
}

.mymenu .menu a:hover{
    color:#636363;
    background: #21b8ff;
    margin:0px 0px 0px 0px;
}

JSFiddle работает нормально.

0

проверьте эту ссылку

Do you want like this?

It is not clear from your question how the design should be.

BTW, the links were coming out because you were giving the inside div position:absolute. So the links were losing relation with the main div Nav.

Если вы хотите узнать больше о работе позиционирования в CSS, перейдите по этой ссылке.

  • 0
    да, это выглядит хорошо, пожалуйста, проверьте ссылку, которую я оставил на своем посту. Я не уверен, почему, когда я изменяю размер маленького экрана, он продолжает падать.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню