Страница 1 из 11
Форум про uCoz » Раздел для uCoz » Вопросы по uCoz » Проблема с местоположением поиска на сайте
Проблема с местоположением поиска на сайте
rekersil
Дата: Воскресенье, 09.04.2017, 21:10 | Сообщение # 1
Проверенные
Сообщений:185
Награды: 1


Решил поставить навигационную панель.Она стала на сайт отлично,но мне не понравился установленный на ней поиск. Я нашёл другой и попытался его установить, но как видите,не вышло.Проблема заключается в том, что я не могу перенести его в нужное место(после кнопок вход и регистрация).

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

Прикрепления: 0541691.png(26Kb)
Страна: (UA)
-SAM-
Дата: Воскресенье, 09.04.2017, 21:59 | Сообщение # 2
Проверенные
Сообщений:288
Награды: 14


rekersil, в общей таблице стилей ищем класс .ajax-search-container, в нём дописать top: 0; - абсолютное позиционирование от верха ноль отступ (чтобы форма поиска вверх поднялась), а right: 0 стоит сейчас, а нужно поставить больше (чтобы не было поверх Вход и Регистрация).
Цитата rekersil ()
после кнопок вход и регистрация
Ну, а если нужно чтобы строка поиска была после ссылок этих, то в header .right {
padding: 10px 250px 20px 0;
}
, а в .ajax-search-container right: 0 оставить.

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




Сообщение отредактировал
-SAM- - Воскресенье, 09.04.2017, 22:17
Страна: (UA)
rekersil
Дата: Воскресенье, 09.04.2017, 22:06 | Сообщение # 3
Проверенные
Сообщений:185
Награды: 1


-SAM-, За это спасибо. Будет как запасной вариант. Если не найдется варианта лучше, буду использовать ваш.
Страна: (UA)
rekersil
Дата: Воскресенье, 09.04.2017, 22:09 | Сообщение # 4
Проверенные
Сообщений:185
Награды: 1


И еще, есть ли способ,как сделать или перенести поиск с сайта fanserials.tv.
Страна: (UA)
First
Дата: Воскресенье, 09.04.2017, 22:14 | Сообщение # 5
Модераторы
Сообщений:678
Награды: 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(14Kb)


CSTET.RU - Всё для CS:S и CS:GO

Сообщение отредактировал
First - Воскресенье, 09.04.2017, 23:01
Страна: (UA)
rekersil
Дата: Воскресенье, 09.04.2017, 22:26 | Сообщение # 6
Проверенные
Сообщений:185
Награды: 1


First, Спасибо будет время проверю
Страна: (UA)
rekersil
Дата: Воскресенье, 09.04.2017, 22:33 | Сообщение # 7
Проверенные
Сообщений:185
Награды: 1


Цитата rekersil ()
И еще,есть ли способ, как сделать или перенести поиск с сайта fanserials.tv.

Но все же, если есть у кого лишнее время, то помогите, если не лень 11a
Страна: (UA)
Kosten
Дата: Воскресенье, 09.04.2017, 23:59 | Сообщение # 8
Администраторы
Сообщений:15800
Награды: 51


Цитата rekersil ()
И еще,есть ли способ, как сделать или перенести поиск с сайта fanserials.tv.

Так совершенно другая система.
Страна: (RU)
rekersil
Дата: Понедельник, 10.04.2017, 14:12 | Сообщение # 9
Проверенные
Сообщений:185
Награды: 1


Цитата Kosten ()
Так совершенно другая система.

Kosten, Так дизайн поиска я брал с него.Осталось только правильно js-ку подключить
Страна: (UA)
rekersil
Дата: Понедельник, 10.04.2017, 14:33 | Сообщение # 10
Проверенные
Сообщений:185
Награды: 1


Всем спасибо,кто пытался помочь.Еще один вопрос:Как перенести поиск так,что бы он был ровно над блоком контент
Страна: (UA)
rekersil
Дата: Понедельник, 10.04.2017, 14:35 | Сообщение # 11
Проверенные
Сообщений:185
Награды: 1


В .ajax-search-container right 205 на разных мониторах отображается по разному.
Страна: (UA)
First
Дата: Понедельник, 10.04.2017, 14:56 | Сообщение # 12
Модераторы
Сообщений:678
Награды: 22


Цитата rekersil ()
Еще один вопрос:Как перенести поиск так,что бы он был ровно над блоком контент
Код

.ajax-search-container {
    position: absolute;
    right: 198px;
    top: 0;
}


CSTET.RU - Всё для CS:S и CS:GO
Страна: (UA)
rekersil
Дата: Понедельник, 10.04.2017, 21:12 | Сообщение # 13
Проверенные
Сообщений:185
Награды: 1


First, Спасибо,но на больших мониторах некорректно работает.
Страна: (UA)
Форум про uCoz » Раздел для uCoz » Вопросы по uCoz » Проблема с местоположением поиска на сайте
Страница 1 из 11
Поиск: