css: Резиновый модуль поиска

  • 1 Ответов
  • 415 Просмотров

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

*

slepoy

  • *****
  • 713
  • 21
  • Тотальная шизофазия
Здравствуйте. У вас предположение, как задать "резиновую" (100%) форму для модуля поиска, которая бы растягивалась или сужалась при изменении ширины дисплея?

В настройках модуля параметр "Box Width" не задан.
Полное скрытие модуля в мобильных версиях смогу настроить самостоятельно, но вот растяжение" в декстопных - не удается.


Код
<div class="head-search ">
<div class="search">
<form action="/videos" method="post" class="form-inline form-search">
<label for="mod-search-searchword" class="element-invisible">Искать...</label> <input name="searchword" id="mod-search-searchword" maxlength="200" class="form-control search-query" type="search" size="0" placeholder="Что ищем?"> <input type="hidden" name="task" value="search">
<input type="hidden" name="option" value="com_search">
<input type="hidden" name="Itemid" value="269">
</form>
</div>
</div>

Спасибо.
« Последнее редактирование: 15.02.2017, 01:14:36 от slepoy »
Помог? Поставь(те) плюс в репутацию.

*

beliyadm

  • ********
  • 8359
  • 1527
  • Севастополь == Россия
Re: css: Резиновый модуль поиска
« Ответ #1 : 08.02.2017, 23:23:22 »
Не хочется ковыряться в ваших стилях, но принцип такой - вам нужно форме и инпуту в ней задать 100% относительно ширины родительского блока (кнопку поиска можно позиционировать абсолютно)
То есть есть у вас родитель joms-list__utilities - форма и input в ней должны иметь 100% ширины
Все истины, которые я хочу вам изложить, — бесстыдная ложь.
Записки нетрезвого кодера || -=Joomla FAQ=- || -=все плохо=- || skype: beliyadm_pb