Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Меню на div

Автор: Prof 14.10.2010, 09:53

Здравствуйте!
У меня возникла проблема с версткой меню на дивах.
Что нужно чтобы получилось:
6 пунктов меню, в меню "фотографии" должно быть выпадающее меню.
Проблема сейчас в том, что мой фон - определенной ширины, и я хотел бы чтобы в меню тоже была фиксированная ширина Li.
В коде эту ширину я задал, но она почему-то не показывается.
+ при наведении менялась картинка и был дополнительный класс (работающий при выборе меню).

Вот коды:

Код


<ul id="navigationBars">
<li><a href="#">Главная</a></li>
<li><a href="#">О&nbsp;нас</a></li>
<li><a href="#">События</a></li>
<li><a href="#">Фотографии</a></li>
<li><a href="#">Видео</a></li>
<li><a href="#">Контакты</a></li></ul>

Код


ul#navigationBars {
    height:27px;
overflow:auto; 
position:absolute;
right:91px;
margin:0;
padding:0;
}
ul#navigationBars li{
    float:left;
    width:183;
    display: inline-block;
    height:27px;
    padding:0 0 0 0px;}

ul#navigationBars li a:link,ul#navigationBars li a:visited{
float:left;
width:183;
height:27px;
text-decoration:none;
font-weight:400;
background:url(images/knopka.jpg); background-repeat:no-repeat;
font: 28px/34px Monotype Corsiva;
color:#4B0082;
border:none;
margin:0;
padding:0px 10px;}

ul#navigationBars li.current a:link,ul#navigationBars li.current a:visited{
background:url(images/knopka_current.jpg); background-repeat:no-repeat;}

ul#navigationBars li a:hover{color:#fff; text-decoration:none; background:url(images/knopka_current.jpg); background-repeat:no-repeat; border:none;}

Спасибо всем откликнувшимся.

Автор: KuZyagroup 14.10.2010, 11:25

Дайте ссылку на то где это лежит или хотя-бы скрин.
П.С. Какой редактор пишет такой ужасный css?

попробуйте ul#navigationBars li a добавить display:block;

Автор: Prof 14.10.2010, 12:35

Цитата(KuZyagroup @ 14.10.2010, 11:25)

Пробовал добавить display:block; ничего не изменилось.

Вот ссылка этого - http://sv.freshcss.org/test.html

Автор: KuZyagroup 14.10.2010, 15:33

для начала у вас в
ul#navigationBars li и в ul#navigationBars li a:link,ul#navigationBars li a:visited
стоит width:183; вместо width:183px;

Автор: Prof 14.10.2010, 20:42

Это исправил.
Сейчас уже нужной ширины все.
Осталось сделать одно - чтобы работало выпадающее меню.
А оно по-прежнему не работает (

Автор: KuZyagroup 15.10.2010, 01:29

У вас в коде на описанной странице нет ничего, что могло бы выпадать)