Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 14.10.2011, 17:09   #1
violettta
Пользователь
 
Регистрация: 21.11.2010
Сообщений: 30
По умолчанию панель выпадающего меню

что нужно тут поменять чтобы строчка подвинулась на право?Уже пробовола по разному менять значения , но пока не вышло





вот код:

#mbtnavbar {
background: #060505;
width: 980px;
color: #FFF;
margin: 0px;
padding: 0;
position: relative;
border-top:0px solid #960100;
height:35px;

}

#mbtnav {
margin: 0;
padding: 0;
}
#mbtnav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#mbtnav li {
list-style: none;
margin: 0;
padding: 0;
border-left:1px solid #333;
border-right:1px solid #333;
height:35px;
}
#mbtnav li a, #mbtnav li a:link, #mbtnav li a:visited {
color: #FFF;
display: block;
font:normal 12px Gill Sans, sans-serif;
margin: 0;
padding: 9px 12px 10px 12px;
text-decoration: none;

}
#mbtnav li a:hover, #mbtnav li a:active {
background: #960100;
color: #FFF;
display: block;
text-decoration: none;
margin: 0;
padding: 9px 12px 10px 12px;

}

#mbtnav li {
float: left;
padding: 0;
}
#mbtnav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 160px;
margin: 0;
padding: 0;
}
#mbtnav li ul a {
width: 140px;
}
#mbtnav li ul ul {
margin: -25px 0 0 161px;
}
#mbtnav li:hover ul ul, #mbtnav li:hover ul ul ul, #mbtnav li.sfhover ul ul, #mbtnav li.sfhover ul ul ul {
left: -999em;
}
#mbtnav li:hover ul, #mbtnav li li:hover ul, #mbtnav li li li:hover ul, #mbtnav li.sfhover ul, #mbtnav li li.sfhover ul, #mbtnav li li li.sfhover ul {
left: auto;
}
#mbtnav li:hover, #mbtnav li.sfhover {
position: static;
}

#mbtnav li li a, #mbtnav li li a:link, #mbtnav li li a:visited {
background: #960100;
width: 140px;
color: #FFF;
display: block;
font:normal 12px Gill Sans, sans-serif;
margin: 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
z-index:9999;
border-bottom:1px dotted #333;

}
#mbtnav li li a:hover, #mbtnavli li a:active {
background: #060505 ;
color: #FFF;
display: block;
margin: 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
}
violettta вне форума Ответить с цитированием
Старый 14.10.2011, 22:29   #2
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

На вскидку - задать padding-left для блока #mbtnavbar
либо, margin и уменьшить ширину
либо задать margin:0 auto; для первого дочернего элемента #mbtnavbar
о можно и для него проставить margin:0 auto; убрав position - тогда меню будет по середине всегда и ширина его будет зависеть от количества элементов
и выкладывать html- код тоже не помешало бы, эт я просто предположил, что первый блок в стилях является внешним блоком меню.
и оформлять код тоже было бы не лишним
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 15.10.2011, 17:21   #3
violettta
Пользователь
 
Регистрация: 21.11.2010
Сообщений: 30
По умолчанию

spasibo , poluchilos!
violettta вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Хоткей для вызова выпадающего меню Namolem Помощь студентам 0 17.05.2011 16:24
Что прописать в CSS для правильного отображения выпадающего меню? webx HTML и CSS 0 05.05.2011 11:05
Глюк выпадающего меню в IE Alexey_kor HTML и CSS 2 08.04.2011 15:54
центрирование горизонтального выпадающего меню deface2k9 HTML и CSS 2 23.08.2010 16:21
Выделение отцовского пункта выпадающего меню во время прохода по дочерным. Как воплотить? Dim23 HTML и CSS 3 20.03.2010 23:57