• Страница 1 из 1
  • 1
Модератор форума: Yuri_G  
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Проблема с отображением меню в Explorer
Проблема с отображением меню в Explorer
Alonir
Сообщений: 7
Репутация: 4

Сообщение # 1 | 19:58:56
Проблема с отображением меню в Explorer на css, работает во всех браузерах кроме Explorer, помогите.

Ссылка на сайт: http://stalker-lost.ru/

CSS:

Код
.nav {margin:0 38px 0 0; }  
  .nav a:link, .nav a:visited {color:#aaa}  
  .nav a:hover {color:#ccc}  
  .nav li {text-align:left; font-size:12px; position:relative; padding:2px; margin:0; width:140px; list-style:none}  
  @-moz-document url-prefix() {.nav li {padding:1px 2px;}}  
  .nav li:hover {background:-o-linear-gradient(left, rgba(68,68,68,0), rgba(68,68,68,1)); background:-moz-linear-gradient(left, rgba(68,68,68,0), rgba(68,68,68,1)); background:-webkit-linear-gradient(left, rgba(68,68,68,0), rgba(68,68,68,1));}
  .nav li ul, .nav li:hover ul li ul {display:none; opacity:0; position:absolute; left:125px; top:-15px; z-index:1; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;}  
  .nav li:hover ul li ul {top:0px;}  
  .nav li:hover ul, .nav li:hover ul li:hover ul {display:block; opacity:1; padding:1; left:144px;}  
  .nav li:hover ul li:hover ul {left:148px;}  
  .nav li ul li {padding:0; margin:0; width:auto; border-bottom:1px solid #000;}  
  .nav li ul li:hover {background:none;}
  .nav li ul li a {display:block; text-align:left; font-size:11px; padding:5px; background:#3d2b1f; background:-o-linear-gradient(right, #442d25, #444);  
background:-webkit-linear-gradient(right, #442d25, #444);  
background:-moz-linear-gradient(right, #442d25, #444); margin:0;  
width:145px}  
  .nav li ul li a:hover {background:#444; background:-o-linear-gradient(right, #444, #708090);  
background:-webkit-linear-gradient(right, #444, #708090);  
background:-moz-linear-gradient(right, #444, #708090);}  
  .nav li ul li:first-child a {border-radius:2px 2px 0 0;}  
  .nav li ul li:last-child a {border-radius:0 0 2px 2px;}  
  .nav li ul li:last-child {border-bottom:0px}  
  .li-a:after {content:"ТЛ"; float:right; margin:0 2px 0 2px;}

Само меню:

Код
<div class="nav" style="margin-left:15px; margin-top: -175px;">  
  <li><a href="#">Главная</a>  
  <ul>  
  <li><a href="#">Новости</a></li>  
  <li><a href="#">Форум</a></li>  
  <li><a href="#">Галерея</a></li>  
  <li><a href="#">Каталог файлов</a></li>  
  <li><a href="#">Статьи</a></li>  
  <li><a href="#">Справка (FAQ)</a></li>  
  <li><a href="#">Гостевая книга</a></li>  
  <li><a href="#">Обратная связь</a></li>  
  </ul>  
  </li>
Ljubasha
Сообщений: 834
Репутация: 157

Сообщение # 2 | 20:17:07
Alonir, Прозрачность не работает в ИЕ до 9 версии....
Так попробуй.... Это только для ИЕ....

#banners a img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);

}
Bumer_2
Сообщений: 37
Репутация: 0

Сообщение # 3 | 20:26:27
Цитата Ljubasha
Alonir, Прозрачность не работает в ИЕ до 9 версии.... Так попробуй.... Это только для ИЕ.... #banners a img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); }
Ljubasha, это меню вообще то
Сообщение отредактировал Bumer_2 - Суббота, 09 Ноя 2013, 20:27:24
Ljubasha
Сообщений: 834
Репутация: 157

Сообщение # 4 | 20:32:48
Bumer_2, я знаю, оно сделано на картинках...
Bumer_2
Сообщений: 37
Репутация: 0

Сообщение # 5 | 20:42:34
Цитата Ljubasha ()
Bumer_2, я знаю, оно сделано на картинках...
Если смотри внимательно код, то картинок там нету.
Ljubasha
Сообщений: 834
Репутация: 157

Сообщение # 6 | 21:10:46
Bumer_2, Стоп, о каком меню идет речь? О верхнем?
Если о меню слева, то для начала надо прописать <!DOCTYPE> в общих настройках, например таким....

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Bumer_2
Сообщений: 37
Репутация: 0

Сообщение # 7 | 21:20:53
Цитата Ljubasha ()
Bumer_2, Стоп, о каком меню идет речь? О верхнем? Если о меню слева, то для начала надо прописать в общих настройках, например таким....


Да о верхнем, я прописывал все косится точней баги в шаблоне появляются.

Добавлено (09 Ноя 2013, 21:20:53)
---------------------------------------------
Кстате как сайт на uCoz переевсти по этапно на HTML 5?

Rad_van_Cor
Сообщений: 1179
Репутация: 437

Сообщение # 8 | 21:26:26
Цитата Bumer_2 ()
Да о верхнем, я прописывал все косится точней баги в шаблоне появляются.
Они не появляются, они и так там есть.
Просто когда не стоит доктайп, разные браузеры эти баги по своему сглаживают.
А если стоит докстайм то не сглаживают, и нужно самому править код и устранять ошибки.

К прмиеру если в коде прописана ширена какого либа блока "width:200" но вы забыли дописать px или % без доктайпа браузер атоматом вроде как добавляет px
А с доктайпом ни чего не добавляет, оно вообще тогда не видит ширину, так как она указана не правильно.

И вот таких разных мелких ошибок у вас много в шаблоне.

Цитата Bumer_2 ()
Кстате как сайт на uCoz переевсти по этапно на HTML 5?
Переписать шаблон на HTML5

Sonor
Сообщений: 251
Репутация: 525

Сообщение # 9 | 21:58:32
Да не в доктипе дело, и на html5 будет то же. Alonir, если речь о верхнем, то почему первый пост (коды) о боковом меню? В боковом, кстати, тоже есть проблемы в некоторых версиях IE.
Для версий ниже IE10 нужно прописывать полные мульти-фильтры. И </td> с </div> после последнего пункта верхнего меню поменяйте местами.

Сообщение отредактировал Sonor - Суббота, 09 Ноя 2013, 22:01:45
Bumer_2
Сообщений: 37
Репутация: 0

Сообщение # 10 | 04:52:25
Sonor, как раз и в нем дело, проблемы с боковым меню. Что нужно сделать чтобы перейти на HTML 5?
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 11 | 06:27:00
Ljubasha,
Цитата
Прозрачность не работает в ИЕ до 9 версии

работает .... и png и оптика ... при Doctype ... <!DOCTYPE html>

Сообщение отредактировал Miss_Esq - Воскресенье, 10 Ноя 2013, 06:28:00
Sonor
Сообщений: 251
Репутация: 525

Сообщение # 12 | 21:37:09
Bumer_2, сверстать заново все страницы, по полной используя семантику HTML5. С помощью хаков ввести поддержку новых тегов для старых версий IE.

Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Проблема с отображением меню в Explorer
  • Страница 1 из 1
  • 1
Поиск: