VPF::Меню на div - Форум программистов

Prof

Дата 14.10.2010, 09:53 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 182
Регистрация: 25.9.2005

Репутация: нет
Всего: 2

Здравствуйте!
У меня возникла проблема с версткой меню на дивах.
Что нужно чтобы получилось:
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 (ссылка)

(нет голосов)

Загрузка ...

magento solution

Профиль
Группа: Участник
Сообщений: 283
Регистрация: 16.4.2007
Где: Kiev

Репутация: 2
Всего: 4

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

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

Prof

Дата 14.10.2010, 12:35 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 182
Регистрация: 25.9.2005

Репутация: нет
Всего: 2

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

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

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

--------------------

KuZyagroup

Дата 14.10.2010, 15:33 (ссылка)

(нет голосов)

Загрузка ...

magento solution

Профиль
Группа: Участник
Сообщений: 283
Регистрация: 16.4.2007
Где: Kiev

Репутация: 2
Всего: 4

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

Prof

Дата 14.10.2010, 20:42 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 182
Регистрация: 25.9.2005

Репутация: нет
Всего: 2

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

--------------------

KuZyagroup

Дата 15.10.2010, 01:29 (ссылка)

(нет голосов)

Загрузка ...

magento solution

Профиль
Группа: Участник
Сообщений: 283
Регистрация: 16.4.2007
Где: Kiev

Репутация: 2
Всего: 4

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

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »