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

Ссылка на сайт: kinopause.do.am
Скрин проблемы:
Прикрепления: 0541691.png (26.3 Kb)
Страна: (UA)
-SAM-
 		Воскресенье, 09 Апреля 2017 | Сообщение 2
Оффлайн
Друзья сайта
Сообщений:882
Награды: 40
« 595 »
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 | Сообщение 3
Оффлайн
Проверенные
Сообщений:185
Награды: 1
« 13 »
-SAM-, За это спасибо. Будет как запасной вариант. Если не найдется варианта лучше, буду использовать ваш.
Страна: (UA)
rekersil
 		Воскресенье, 09 Апреля 2017 | Сообщение 4
Оффлайн
Проверенные
Сообщений:185
Награды: 1
« 13 »
И еще, есть ли способ,как сделать или перенести поиск с сайта fanserials.tv.
Страна: (UA)
First-1
 		Воскресенье, 09 Апреля 2017 | Сообщение 5
Оффлайн
Пользователи
Сообщений:716
Награды: 22
« 6 »
Код
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 | Сообщение 6
Оффлайн
Проверенные
Сообщений:185
Награды: 1
« 13 »
First, Спасибо будет время проверю
Страна: (UA)
rekersil
 		Воскресенье, 09 Апреля 2017 | Сообщение 7
Оффлайн
Проверенные
Сообщений:185
Награды: 1
« 13 »
Цитата rekersil ()
И еще,есть ли способ, как сделать или перенести поиск с сайта fanserials.tv.

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

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

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

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