Перейти к содержимому


Nivo Slider - Как Спозиционировать?

nivo slider

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 2

#1 postech

postech

    Пользователь

  • Пользователи
  • PipPip
  • 37 сообщений

Отправлено 15 Ноябрь 2013 - 01:06

Установил на главную ниво слайдер - работает. Приступил к размещению в положенном месте - никак не хочет двигаться (скрин прикрепил).

Долго экспериментировал с файлом nivo.css с помощью margin и padding - не помогло, слайдер висит на указанном месте до определенной величины смещения, а потом сразу оказывается вверху сайта. Как его разместить сразу под блоком меню?

Прикрепленные изображения

  • nivo_problem.jpg


#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 15 Ноябрь 2013 - 02:04

Найдите в файле стилей main.css

#container {
  margin: 0 auto;
  max-width: 1000px;
  width: 1000px;
}

и замените на

#container {
  margin: 0 auto;
  max-width: 1000px;
  position: relative;
  width: 1000px;
}

далее найдите

#panelsite {
  height: 104px;
  width: 100%;
}

и замените на

#panelsite {
  height: 104px;
  position: relative;
  width: 100%;
}

далее найдите

#panelsite div.rightcol {
  background: url("{ASSETS_IMAGES_PATH}panel-bg.png") no-repeat -12px 0;
  color: #FFFFFF;
  float: left;
  font: 14px Verdana,Geneva,sans-serif;
  height: 104px;
  left: 759px;
  padding: 18px 0 0 130px;
  position: relative;
  top: -248px;
  width: 241px;
}

и замените на

#panelsite div.rightcol {
  background: url("{ASSETS_IMAGES_PATH}panel-bg.png") no-repeat -12px 0;
  color: #FFFFFF;
  float: left;
  font: 14px Verdana,Geneva,sans-serif;
  height: 104px;
  padding: 18px 0 0 130px;
  position: absolute;
  right: 0;
  top: 0;
  width: 112px;
}

далее найдите

#panelsite div.luckyhrs {
  background: url("{ASSETS_IMAGES_PATH}luckyhrs.png") no-repeat 0 0;
  height: 248px;
  left: 43px;
  position: relative;
  top: -248px;
  width: 241px;
}

и замените на

#panelsite div.luckyhrs {
  background: url("{ASSETS_IMAGES_PATH}luckyhrs.png") no-repeat 0 0;
  height: 248px;
  position: absolute;
  right: 0;
  top: -245px;
  width: 200px;
}


#3 postech

postech

    Пользователь

  • Пользователи
  • PipPip
  • 37 сообщений

Отправлено 15 Ноябрь 2013 - 14:00

Спасибо, все встало на места)





Темы с аналогичным тегами nivo slider

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных