Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 1 Ответов
  • 1212 Просмотров
*

kolya7774

  • Осваиваюсь на форуме
  • 20
  • 2 / 0
Проблема с меню
« : 09.12.2010, 21:09:50 »
Друзья, у меня такая проблема, скачал я CSS меню, работает оно и в фаерфоксе и експлойлере. Но когда я его вставил на свой сайт то вышло много проблем с отображением в разных браузерах. Почти все проблемы я выяснил, осталась только одна проблема - это когда навожу на ссылку "Главная", в фаерфоксе все путем работает на все 100%, а в ИЕ (чтоб его..............за долбал уже) нет.

Вот пример скачаного меню:

*{
   margin:0;
   padding:0;
}
body{
   background:#fff;
   color:#666;   
   font:12px/18px Tahoma, Arial, Helvetica, sans-serif;   
}
   #menu{
/*      margin:0 auto;*/
      width:700px;
      height:59px;
      background:url(images/menu_034_bg.jpg) repeat-x;
   }
      #menu ul{
         list-style:none;
         margin:0 auto;
         width:500px;
      }
         #menu li{
            list-style:none;
            display:block;
            float:left;
            height:59px;
            line-height:59px;
         }
            #menu li a{
               display:block;
               float:left;
               color:#a7a7a7;
               text-transform:uppercase;
               font-size:11px;
               font-weight:bold;
               line-height:59px;
               text-decoration:none;
               padding:0 20px;            
            }
               #menu li a:hover{
                  color:#fff;
                  background:url(images/menu_034_h.jpg) no-repeat bottom;
               }
            #menu li a.current{
               display:block;
               float:left;
               background:url(images/menu_034_h.jpg) no-repeat bottom;
               color:#fff;
               text-transform:uppercase;
               font-size:11px;
               font-weight:bold;
               line-height:59px;
               text-decoration:none;
               padding:0 20px;   
            }
               #menu li a:hover.current{
                  color:#fff;
               }

А от пример моего, уже переработанного меню:

#topmenu{
/*      margin:0 auto;*/
      min-width:1000px;
      height:55px;
      background:url(../images/menu_034_bg.png) repeat-x;
                background:url(../images/menu_034_bg.png) repeat-x !important;
   }
      #topmenu ul{
         list-style:none;
         margin:0 auto;
         width:500px;
      }
         #topmenu li{
            list-style:none;
            display:block;
            float:left;
            height:55px;
            line-height:54px;
         }
            #topmenu li a{
               display:block;
               float:left;
               color:#a7a7a7;
               text-transform:uppercase;
               font-size:13px;
               font-weight:bold;
               line-height:54px;
               text-decoration:none;
               padding:0 20px;
            }
               #topmenu li a:hover{
                  color:#fff;
                  background:url(../images/menu_034_h.jpg) no-repeat bottom;
                                                }
            
                                      #topmenu li a.current{
               display:block;
               float:left;
               background:url(../images/menu_034_h.jpg) no-repeat bottom;
                                          color:#fff;
               text-transform:uppercase;
               font-size:11px;
               font-weight:bold;
               line-height:59px;
               text-decoration:none;
               padding:0 20px;   
            }
               #topmenu li a:hover.current{
                  color:#fff;
                                                                                       
               }

Плюс в самом шаблоне моего сайта есть и такое:

#topmenu_outer {
   float: left;
   margin: 0px;!important;
   padding: 0px 0px 0px 0px;   
   width: 1000px;
   height: 55px;
}
#topmenu {
   float: left;
   margin: 0px;
   padding: 0px;   
   width: 1000px;
   height: 30px;
   position: relative;
   background: #a4a4a4;
   clear: left;

ПОМОГИТЕ ПОЖАЛУЙСТА, ДРУЗЬЯ !
*

asomnia

  • Захожу иногда
  • 183
  • 12 / 0
Re: Проблема с меню
« Ответ #1 : 14.12.2010, 16:18:45 »
принтскрин самого меню в студию и опишите, что происходит
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Кликабельность псевдоэлемента в пункте меню

Автор vasilii.pupkov

Ответов: 4
Просмотров: 3440
Последний ответ 29.12.2021, 23:15:38
от v42bis
Проблема с таблицей при просмотре с мобильника

Автор annetkas

Ответов: 5
Просмотров: 2263
Последний ответ 19.11.2021, 14:06:15
от effrit
Выпадающее меню

Автор DrShepard

Ответов: 10
Просмотров: 2976
Последний ответ 20.10.2021, 12:36:16
от DrShepard
Как закруглить края выпадающего меню?

Автор coliandra

Ответов: 1
Просмотров: 1463
Последний ответ 11.12.2020, 21:15:57
от effrit
При прокрутке страницы виджет залезает на меню

Автор coliandra

Ответов: 2
Просмотров: 1381
Последний ответ 27.11.2020, 11:33:58
от coliandra