[Ликбез]

Форма входа
Логин:
Пароль:

Меню сайта


Скрипты и коды для юкоз - Форум аццкого кодера » Если вы пришли за помощью, то Вам сюда... » Проблема с горизонтальным меню

Проблема с горизонтальным меню
[1] bandjuk [19.02.2012, 18:04]
Решил сделать меню для сайта:
Пример
Код:


Меню ещё в стадии разработки, но я уже столкнулся с такими проблемами:

1. В ИЕ 8 не отображается сам бекграунд меню (полоса)
2. Выпадающие пункты не стабильны, т.е. сворачиваются практически сразу (посмотри увидишь и поймёш, что я имею ввиду).
Если будет время, пожалуйста посмотри, чтоможно с этим сделать.
Заранее благодарен.

Добавлено (19.02.2012, 18:04)
---------------------------------------------
Антон, извини за навязчивость, посмотри пожалуйста, что можно сделать с меню! Может можно его как-то исправить или упростить код?

Сообщение отредактировал bandjuk - Суббота, 11.02.2012, 21:59
[2] likbezz [19.02.2012, 23:37]
bandjuk,
Quote (bandjuk)
1. В ИЕ 8 не отображается сам бекграунд меню (полоса)

Пробел забыл вот здесь:
Code
.menu{background:url('http://ssilki.at.ua/menu/Bepx/polosa.png') repeat-x top left;

тот, что перед «repeat-x» ...
...

Quote (bandjuk)
2. Выпадающие пункты не стабильны, т.е. сворачиваются практически сразу (посмотри увидишь и поймёш, что я имею ввиду).

Code
.menu *{margin:0;padding:0;}
.menu ul li:hover ul li{margin:-1px 0 -1px 0;padding:1px 0 1px 0;}

...

Quote (bandjuk)
Может можно его как-то исправить или упростить код?

Куда уж упрощать? ... Если только стили сократить ... и то не на много.
...
[3] bandjuk [20.02.2012, 00:08]
likbezz, насчёт пробела протупил! Спасибо! )
А те два стиля дописал, но ничего не изменилось!
на 1 подпункт навожу, при переводе курсора на второй подпункт, меню сворачивается
[4] likbezz [20.02.2012, 00:21]
bandjuk,
Quote (bandjuk)
А те два стиля дописал, но ничего не изменилось!

Те два стиля в самый верх стилей.
...
Quote (bandjuk)
на 1 подпункт навожу, при переводе курсора на второй подпункт, меню сворачивается

Сделай по 2 пиксела ...
Code
.menu ul li:hover ul li{margin:-2px 0 -2px 0;padding:2px 0 2px 0;}

...
У меня не сворачивается.
Смотрю под ИЕ7

Посмотрел под 9 да, есть такое дело.

Вот это убери:
Quote (CSS)
.menu ul li:hover ul li a{display:block;border:1px solid #3C74B1; background:#000;color:#FFFFFF;font-size:13px; font-weight: normal; width:172px; height:22px;margin:1px;line-height:22px;text-align:left;padding-left:5px;}

Используй другие варианты - например padding у родительского элемента.
...
[5] bandjuk [20.02.2012, 00:34]
likbezz,
Quote
Сделай по 2 пиксела ...

Слушай, ты реально хорошо разбираешся в кодах, немного даже тебе завидую! biggrin
Спасибо!
booze
[6] likbezz [20.02.2012, 00:38]
bandjuk,
Quote (bandjuk)
Спасибо!

Незачто)
Quote (bandjuk)
ты реально хорошо разбираешся в кодах

Ну так:
Quote (bandjuk)
Форум аццкого кодера
как никак )


Полная версия сайта