Фильтр по:
  

  • Страница 1 из 1
  • 1
Модератор форума: Admin, Cибиря4ка, Komoff, Diana  
Проблема с горизонтальным меню
Дата: Воскресенье, 19.02.2012, 18:04 |
bandjuk
Генерал-майор
Группа: Пользователи
Сообщений: 290
Награды: 1
Репутация: 22
Статус: Offline


Решил сделать меню для сайта:
Пример
Код:


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

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

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

Сообщение отредактировал bandjuk - Суббота, 11.02.2012, 21:59
 
Дата: Воскресенье, 19.02.2012, 23:37 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


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)
Может можно его как-то исправить или упростить код?

Куда уж упрощать? ... Если только стили сократить ... и то не на много.
...


 
Дата: Понедельник, 20.02.2012, 00:08 |
bandjuk
Генерал-майор
Группа: Пользователи
Сообщений: 290
Награды: 1
Репутация: 22
Статус: Offline


likbezz, насчёт пробела протупил! Спасибо! )
А те два стиля дописал, но ничего не изменилось!
на 1 подпункт навожу, при переводе курсора на второй подпункт, меню сворачивается


 
Дата: Понедельник, 20.02.2012, 00:21 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


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 у родительского элемента.
...


 
Дата: Понедельник, 20.02.2012, 00:34 |
bandjuk
Генерал-майор
Группа: Пользователи
Сообщений: 290
Награды: 1
Репутация: 22
Статус: Offline


likbezz,
Quote
Сделай по 2 пиксела ...

Слушай, ты реально хорошо разбираешся в кодах, немного даже тебе завидую! biggrin
Спасибо!
booze


 
Дата: Понедельник, 20.02.2012, 00:38 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


bandjuk,
Quote (bandjuk)
Спасибо!

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

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


 
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия