типо использовать float для крайних элементов

Если без флексов — то флоат, да

Если без флексов — то флоат, да

а как центральному сказать, чтобы занимал все остальное пространство?

а как центральному сказать, чтобы занимал все остальное пространство?

Он автоматически будет. Скажи ему, чтобы был inline-block

не пробовали юзать width: calc(100% - 20px)

и так далее

Это долго, зачем? Если можно сделать проще)

Это долго, зачем? Если можно сделать проще)

это как вариант )

не пробовали юзать width: calc(100% - 20px)

точно не вариант

Он автоматически будет. Скажи ему, чтобы был inline-block

он не растягивается во всю ширину

он не растягивается во всю ширину

скрин

+скрин кода

или выложить?

А как он будет во всю ширину, если там два слова?

280px ширина

или выложить?

тебе что во всю ширину нужно?

тебе что во всю ширину нужно?

во всю ширину за минусом ширины иконок по краям

во всю ширину за минусом ширины иконок по краям

поле поиска?

можно и через флекс

поле поиска?

да

да

во-первых обдай поле поиска отдельным дивом

и работай уже с ним

а для инпата пропиши: width: 100% и все

работай с дивкой, в котором инпат

так по-моему лучше

Убейте, я не вижу там поле поиска)

Убейте, я не вижу там поле поиска)

там маленькая надпись search ?

и для инпата задай рамки, чтобы было ясно, где начинается и где заканчивается

и для инпата задай рамки, чтобы было ясно, где начинается и где заканчивается

потом уже стили будешь допиливать

input { with: 100% }

input { with: 100% }

опередил

:D

input { with: 100% }

там так сейчас и есть + дисплей блок

а для div.input-field поставил display: inline-block

а для div.input-field поставил display: inline-block

зачем?

Я решал этот вопрос так: тому, что справа писал float: right; остальному float: left и выставлял 100%-ную ширину тому, что нужно

и все вроде работало

все вниз съехжает

и не летело

там так сейчас и есть + дисплей блок

Ты высоту задал 100%, а не ширину

слушай, ты поставь галку, чтобы сообщения не файлом скидывались

не пробовали юзать width: calc(100% - 20px)

у тебя же кнопки квадратные

слушай, ты поставь галку, чтобы сообщения не файлом скидывались

так пережато же все будет, сможешь что-то разглядеть?

справа

попробуй

и не юзай инлайн-блок

юзай флоаты

не пробовали юзать width: calc(100% - 20px)

нет, этот костыль исключаем полностью

нет, этот костыль исключаем полностью

с чего ты взял, что это костыль?

с чего ты взял, что это костыль?

потому что он привязам к каким-то точным размерам, а если адаптивность есть? причем от размера экрана изменяется размер шрифта, а вот эти иконки сделаны в виде шрифта?

все по кхм-кхм пойдет

Нет, неправда.

У тебя input-field имеет ширину 100%, а не сам input

У тебя input-field имеет ширину 100%, а не сам input

у него тогда растянетс просто на 280 пикселей

а ему надо центральный блок растянуть

а ему надо центральный блок растянуть

Значит, у него input-field чем-то ограничивается. Либо в стилях ширину задал, либо сетка

Значит, у него input-field чем-то ограничивается. Либо в стилях ширину задал, либо сетка

вот и Я про то же

и лично от меня: попробуй без инлайн блоков

попробуй флоатами

Флоатами всё не решишь. Если у него будет блочный элемент, он у него на всю ширину не растянется

<div class="block-left"></div> <div class="block-right"></div> <div class="block-center"></div>

и прописать соответствующие стили флоатами

ERROR: S client not available

Флоатами всё не решишь. Если у него будет блочный элемент, он у него на всю ширину не растянется

ему уже ширину в 100%

центральному элементу

самый муторный варик : @media селекторы

сука доооолгий...

но наверняка

при чём тут медиа? Всё гораздо проще

при чём тут медиа? Всё гораздо проще

ну-ка

А что ну-ка? Это надо смотреть стили, что ограничивает див этими 280-ю пикселями

А что ну-ка? Это надо смотреть стили, что ограничивает див этими 280-ю пикселями

ничего

ничего

Если стоит w100%, то он растягивается на всю ширину контейнера. В данном случае, у тебя контейнер имеет ширину 280px. Ищи, откуда это значение

Либо css-сетка, либо ты сам задал, либо ты не тому контейнеру задаёшь w100%

Либо css-сетка, либо ты сам задал, либо ты не тому контейнеру задаёшь w100%

не, не нашел, что там ограничивает, даже на офф сайте поигрался: http://materializecss.com/navbar.html Search bar

не, не нашел, что там ограничивает, даже на офф сайте поигрался: http://materializecss.com/navbar.html Search bar

Коряво, но смысл понятен http://codepen.io/esx/pen/wgXWVY

А через флекс как?

А через флекс как?

https://habrahabr.ru/post/313938/

Удобно на Linux сервера запускать? Я пробовал с XAMPP работать, но как-то вообще не понравилось.

Потомучто xampp на линуксе это садо-мазо)

Удобно на Linux сервера запускать? Я пробовал с XAMPP работать, но как-то вообще не понравилось.

ты про дев или про прод?

Потомучто xampp на линуксе это садо-мазо)

Мне крайне не хватало OpenServer :c

Мне крайне не хватало OpenServer :c

Docker и вперед

на локалке -то всего надо поставить апач или nginx, php, прикрутить mysql и вперед. На digitalocean полно инфы о том как это сделать

на локалке -то всего надо поставить апач или nginx, php, прикрутить mysql и вперед. На digitalocean полно инфы о том как это сделать

Ну не знаю. В Docker настраиваю любое окружение. Его же можно выгрузить на DigitalOcean и развернуть там

Как подключить js в основной шаблон битрикса?

<?$APPLICATION->ShowHead()?> - использую котрый как бы должен подключать и стили и скрипты, но чет не робят скрипты

прописываешь путь к js скриптам напрямую)

showhead же не ясновидящий чтобы знать какие скрипты ты хочешь подключить, а какие нет)

он по-моему отвечает за подключение систтемных js

прописываешь путь к js скриптам напрямую)

но со стилямями же робит

он же не ясновидящий какие стили подключать а какие нет

ну фиг сним, подключилтак