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

emett

  • Осваиваюсь на форуме
  • 37
  • 0
Слайдер сьезжает на меню
« : 01.04.2015, 15:06:26 »
Добрый день. мучаюсь 2 день, дело такое, после того как я дописываю в CSS выпадающее меню слайдер заезжает на меню, у каждого своя позиция. Если убрать код выпадающего меню то слайдер становится на место. Подскажите где ошибка что нужно добавить чтобы слайдер встал на место. Выгрузил сайт на хостинг чтобы имели возможность посмотреть, я снова дописал код выпадающего меню и слайдер сьехал чтобы вы посмотрели. Спасайте, спасибо.
http://newglorija.hol.es/si/
« Последнее редактирование: 01.04.2015, 17:36:54 от emett »
*

emett

  • Осваиваюсь на форуме
  • 37
  • 0
Re: Слайдер сьезжает на меню
« Ответ #1 : 01.04.2015, 19:03:07 »
прилагаю CSS меню


.moduletable_menu li, #menu-jquery li {
   display: inline;
   list-style: none;}
   
.moduletable_menu li a {
   
   /* Border Radius */
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: px;
   margin:1px;
   width:auto;
   text-align:center;
   margin-left:2px;
   
   /* Border Shadow */
   -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.6);
   -moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.6);
   
   
   /* Animation (Webkit, Gecko & Mozilla) */
   -webkit-transition-duration: 0.20s;
   -webkit-transition-timing-function: ease-out;
   -moz-transition-duration: 0.20s;
   -moz-transition-timing-function: ease-out;
   
   color: #A0522D;
   background:#F5DEB3;
   display: inline-block;
   padding: 5px 10px;
   outline: none;
   font-weight:bold;
   text-decoration: none;
}

.moduletable_menu li a:hover {
      background:#A0522D;
      color:#F5DEB3;
      padding: 5px 25px;
   }

.moduletable_menu li a:active {
      background:#A0522D;
      color:#F5DEB3;
      -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
      -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
      box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
   }

.moduletable_menu li.active a {
      background:#A0522D;
      color:#F5DEB3;
      padding: 5px 25px;
   }
 
.moduletable_menu ul {
list-style: none;
display:inline;

}
.moduletable_menu ul ul {
margin: 0; /* all lists */
padding: 0;

}

.moduletable_menu ul li {
margin:0 0px;
padding: 0;
float: left;
list-style: none;
background: none;
display: block;

}

.moduletable_menu ul li ul {
width: 180px;
position: relative;
z-index: 99;
left: -999em;
height: auto;
width: 180px;

}

.moduletable_menu ul li ul ul {
margin: 0;

}

.moduletable_menuul li li {
padding: 0;
margin: 0;
width: 100%;

}

.moduletable_menu ul ul a {
width: 180px; }


вот то что выделенное красным добавляю и слайдер залазит на меню, почему
« Последнее редактирование: 02.04.2015, 00:20:06 от emett »
*

Minas89

  • Захожу иногда
  • 20
  • 1
Re: Слайдер сьезжает на меню
« Ответ #2 : 01.04.2015, 19:58:28 »
Попробуй добавлять margin-top в #djslider96 например 30px
*

emett

  • Осваиваюсь на форуме
  • 37
  • 0
Re: Слайдер сьезжает на меню
« Ответ #3 : 02.04.2015, 00:22:44 »
Попробуй добавлять margin-top в #djslider96 например 30px
СПАСИБО БОЛЬШОЕ! получилось! очень признателен!++++++
« Последнее редактирование: 02.04.2015, 00:27:05 от emett »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Меню исчез при уменьшении экрана. Шаблон YT Katana

Автор aniangeless

Ответов: 1
Просмотров: 16
Последний ответ Сегодня в 01:23:36
от aniangeless
Как в t3 framework разместить меню напротив логотипа\?

Автор KingSnake

Ответов: 3
Просмотров: 47
Последний ответ 18.09.2017, 10:20:49
от lexxbry
Выпадающее меню по клику в шаблонах Yootheme

Автор pvi1

Ответов: 3
Просмотров: 64
Последний ответ 13.09.2017, 21:54:15
от fbr
Фиксированное при прокрутке горизонтальное меню на шаблоне Bootstrap

Автор sergey-911

Ответов: 1
Просмотров: 234
Последний ответ 30.07.2017, 14:29:44
от sergey-911
Как в шаблоне protostar сделать чтоб меню на всех разрешениях пряталось под кнопку?

Автор stendapuss

Ответов: 0
Просмотров: 133
Последний ответ 21.07.2017, 06:21:02
от stendapuss