Новости Joomla

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!Файловый менеджер Quantum — одно...

Файловый менеджер Quantum — одно из самых популярных решений для Joomla, созданное разработчиком из сообщества Joomla, Дмитрием Цымбалом (@tsymbalmitia). Он делает Quantum удобным, безопасным и современным, обновляет его, исправляет уязвимости и отвечает пользователям — всё это в свободное от основной работы время.

Теперь настал момент для следующего шага: развитие проекта требует больше времени и ресурсов.

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

mocart

  • Захожу иногда
  • 112
  • 9 / 0
Всем привет  ^-^

Суть вот в чем - шаблон по ширине 960px, в позицию вставил и отцентрировал слайдер Plimun Nivo Slider, картинки в нем по ширине 1600px
А теперь проблема - при маленьком масштабе слайдер четко по центру, а вот при масштабе от 100% он (извините за тавтологию) масштабируется верхним левым углом, а нужно чтоб приближался именно центр картинки.

Помогите решить загадку, что я делаю не так((

Я уже вроде все испробовал, и, кажется это особенность самого слайдера.
« Последнее редактирование: 12.08.2012, 16:38:18 от mocart »
*

Taatshi

  • Гуру
  • 5258
  • 481 / 2
  • Верстаем и кодим. Обращайтесь ;)
Вы бы ссылку дали на сайт. Там выравнивание слайдеру нужно прописать.
ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3, ОБНОВЛЕНИЕ  |  ОТЗЫВЫ 
Связь: telegram - Taatshi, почта - Taatshi на яндексе, Skype - Taatshi
*

mocart

  • Захожу иногда
  • 112
  • 9 / 0
Taatshi, спасибо за отклик, уже второй раз помогаете  ^-^
Ссылки увы нет, на локалке делаю.

Могу вкратце написать, вот html
<body>
<div id="header"></div>
<div class="slider">внутри сам слайдер</div>
...
</body>

И css
Код
#header {
width: 960px;
height: 100px;
background: black;
margin: 0 auto;
z-index: 100;
position: relative;
}
.slider {
position: relative;
width: 1600px;
margin: 0 auto;
margin-top: -100px;
}

При маленьком масштабе слайдер по центру, а вот при большем - левой стороной приближается.
*

Taatshi

  • Гуру
  • 5258
  • 481 / 2
  • Верстаем и кодим. Обращайтесь ;)
нет, так не смогу подсказать(( Видеть нужно. Тут же еще Ваши изменения учитывать придется. Как выложите сайт - тогда спросите.

Может, скрин сделаете с проблемой хотя бы?
ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3, ОБНОВЛЕНИЕ  |  ОТЗЫВЫ 
Связь: telegram - Taatshi, почта - Taatshi на яндексе, Skype - Taatshi
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
А как в слайдере формируется изображение? Как <img> или как background?
*

mocart

  • Захожу иногда
  • 112
  • 9 / 0
А как в слайдере формируется изображение? Как <img> или как background?
странно, но и так и так....хотя скорее как бэкграунд
Код: php
<div id="slider94" class="nivoSlider" style="position: relative; background-image: url(../modules/mod_PlimunNivoSlider/images/002.jpg); background-position: initial initial; background-repeat: no-repeat no-repeat; ">

             <img src="/modules/mod_PlimunNivoSlider/images/001.jpg" alt="" title="#label094" width="1600px" height="800px" style="display: none; "><img src="/modules/mod_PlimunNivoSlider/images/002.jpg" alt="" title="#label194" width="1600px" height="800px" style="display: none; ">
<img src="/modules/mod_PlimunNivoSlider/images/003.jpg" alt="" title="#label294" width="1600px" height="800px" style="display: none; ">
            <div class="nivo-caption" style="opacity: 0.3955320547987941; "><p style="opacity: 1; display: none; ">

    </div></div>

Код: css
.nivoSlider img {
position: absolute;
top: 0px;
left: 0px;
display: none;
}

Но! Обратите внимание на инлайновские стили в id="slider94", там явно какие-то ошибки! Я поискал по всех файлах этого модуля и не смог найти чтобы исправить, например это - background-position: initial initial;
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Картинка возможно - это превью. А инлайн формируется посредством js.
*

mocart

  • Захожу иногда
  • 112
  • 9 / 0
Вот скриншоты сделал

33%



100%
*

mocart

  • Захожу иногда
  • 112
  • 9 / 0
А инлайн формируется посредством js.
Если только именно "формируется", потому что поиск по файлам js не нашел по точному запросу "initial initial"
Видимо ошибка разработчиков :( Жаль, модуль хороший - настроил, вычистил все лишнее и пользуешься.
Может посоветуете что-то аналогичное, чем сами пользовались?
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Инлайновые стили можно перебить с помощью !important
Создание сайтов, шаблонов, помощь в решении проблем.
*

mocart

  • Захожу иногда
  • 112
  • 9 / 0
Инлайновые стили можно перебить с помощью !important
мда....только хотел написать, что не срабатывает !important, я ведь всю ночь просидел с этим модулем((
А сейчас еще раз глянул в свой style.css и понял что ошибся всего в одной букве - получилось не тому контейнеру задал стиль((

Решение: прописал для бекграунда
Код: css
background-position: center center !important;
И все заработало :)!

Вывод: хоть на 10-20мин. нужно абстрагироваться от проблемы, отдохнуть и взглянуть по-новому ;)

Всем спасибо за помощь.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Проблема с таблицей при просмотре с мобильника

Автор annetkas

Ответов: 5
Просмотров: 2265
Последний ответ 19.11.2021, 14:06:15
от effrit
Проблема с миниатюрами

Автор Stasweb

Ответов: 4
Просмотров: 1130
Последний ответ 03.11.2020, 17:04:00
от Nikolay89
Проблема с меню на сайте

Автор nesskafe

Ответов: 9
Просмотров: 1386
Последний ответ 01.06.2020, 11:03:58
от sivers
Проблема с меню на сайте и иконками Awesome

Автор Lemonez

Ответов: 1
Просмотров: 1723
Последний ответ 10.02.2020, 05:02:12
от Lemonez
Как выровнять блоки в модуле?

Автор arkady

Ответов: 4
Просмотров: 1302
Последний ответ 14.10.2019, 23:24:14
от AlekVolsk