• Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Проблема с местоположением поиска на сайте
rekersil
Воскресенье, 09 Апреля 2017, 21:10 | Сообщение 1
Оффлайн
Проверенные
Сообщений:185
Награды: 1
Решил поставить навигационную панель.Она стала на сайт отлично,но мне не понравился установленный на ней поиск. Я нашёл другой и попытался его установить, но как видите,не вышло.Проблема заключается в том, что я не могу перенести его в нужное место(после кнопок вход и регистрация).

Ссылка на сайт: kinopause.do.am
Скрин проблемы:

Прикрепления: 0541691.png (26.3 Kb)
Страна: (UA)
-SAM-
Воскресенье, 09 Апреля 2017, 21:59 | Сообщение 2
Оффлайн
Друзья сайта
Сообщений:896
Награды: 40
rekersil, в общей таблице стилей ищем класс .ajax-search-container, в нём дописать top: 0; - абсолютное позиционирование от верха ноль отступ (чтобы форма поиска вверх поднялась), а right: 0 стоит сейчас, а нужно поставить больше (чтобы не было поверх Вход и Регистрация).
Цитата rekersil ()
после кнопок вход и регистрация
Ну, а если нужно чтобы строка поиска была после ссылок этих, то в header .right {
padding: 10px 250px 20px 0;
}
, а в .ajax-search-container right: 0 оставить.

UPD.: rekersil, чем мой вариант интересно не устроил? дописать отступ справа у меню и форму поиска вверх поднять (код вообще не правился, просто стили подправить).




Помог? Скажи спасибо в виде "+" - вам мелочь, а мне приятно.
Бесплатное оказание помощи в ответах на "Вопросы про uCoz".


Сообщение отредактировал
-SAM- - Воскресенье, 09 Апреля 2017, 22:17
Страна: (UA)
rekersil
Воскресенье, 09 Апреля 2017, 22:06 | Сообщение 3
Оффлайн
Проверенные
Сообщений:185
Награды: 1
-SAM-, За это спасибо. Будет как запасной вариант. Если не найдется варианта лучше, буду использовать ваш.
Страна: (UA)
rekersil
Воскресенье, 09 Апреля 2017, 22:09 | Сообщение 4
Оффлайн
Проверенные
Сообщений:185
Награды: 1
И еще, есть ли способ,как сделать или перенести поиск с сайта fanserials.tv.
Страна: (UA)
First-1
Воскресенье, 09 Апреля 2017, 22:14 | Сообщение 5
Оффлайн
Пользователи
Сообщений:716
Награды: 22
Код
header .right {padding: 10px 90px 20px 0 ;}

.ajax-search-container {position: absolute;right: 0; margin: -35px 0 0 0;}

@media screen and (max-width: 850px) {
.ajax-search-container {display:none;}


Просил варианты так дал вот тебе еще один, хотя вариант с top: 0; , как писал -SAM-, лучше чем с margin. Ну и дописал для мобильных устройств.

Прикрепления: 0767075.png (14.0 Kb)


Сообщение отредактировал
First - Воскресенье, 09 Апреля 2017, 23:01
Страна: (UA)
rekersil
Воскресенье, 09 Апреля 2017, 22:26 | Сообщение 6
Оффлайн
Проверенные
Сообщений:185
Награды: 1
First, Спасибо будет время проверю
Страна: (UA)
rekersil
Воскресенье, 09 Апреля 2017, 22:33 | Сообщение 7
Оффлайн
Проверенные
Сообщений:185
Награды: 1
Цитата rekersil ()
И еще,есть ли способ, как сделать или перенести поиск с сайта fanserials.tv.

Но все же, если есть у кого лишнее время, то помогите, если не лень 11a
Страна: (UA)
Kosten
Воскресенье, 09 Апреля 2017, 23:59 | Сообщение 8
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
Цитата rekersil ()
И еще,есть ли способ, как сделать или перенести поиск с сайта fanserials.tv.

Так совершенно другая система.
Страна: (RU)
rekersil
Понедельник, 10 Апреля 2017, 14:12 | Сообщение 9
Оффлайн
Проверенные
Сообщений:185
Награды: 1
Цитата Kosten ()
Так совершенно другая система.

Kosten, Так дизайн поиска я брал с него.Осталось только правильно js-ку подключить
Страна: (UA)
rekersil
Понедельник, 10 Апреля 2017, 14:33 | Сообщение 10
Оффлайн
Проверенные
Сообщений:185
Награды: 1
Всем спасибо,кто пытался помочь.Еще один вопрос:Как перенести поиск так,что бы он был ровно над блоком контент
Страна: (UA)
rekersil
Понедельник, 10 Апреля 2017, 14:35 | Сообщение 11
Оффлайн
Проверенные
Сообщений:185
Награды: 1
В .ajax-search-container right 205 на разных мониторах отображается по разному.
Страна: (UA)
First-1
Понедельник, 10 Апреля 2017, 14:56 | Сообщение 12
Оффлайн
Пользователи
Сообщений:716
Награды: 22
Цитата rekersil ()
Еще один вопрос:Как перенести поиск так,что бы он был ровно над блоком контент
Код

.ajax-search-container {
    position: absolute;
    right: 198px;
    top: 0;
}
Страна: (UA)
rekersil
Понедельник, 10 Апреля 2017, 21:12 | Сообщение 13
Оффлайн
Проверенные
Сообщений:185
Награды: 1
First, Спасибо,но на больших мониторах некорректно работает.
Страна: (UA)
  • Страница 1 из 1
  • 1
Поиск: