Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Как выровнять блоки DIV в 1 строку без переноса в контейнере хедера?


Recommended Posts

Товарищи, уже больше чем  пол дня бьюсь над задачей, что бы поиск и корзина была по центру контейнера и они были в 1 строку все 3 элемента(это лого, поиск, карт) как победить это, подскажите пожалуйста! http://lemur.in.ua/

Надіслати
Поділитися на інших сайтах


Товарищи, уже больше чем  пол дня бьюсь над задачей, что бы поиск и корзина была по центру контейнера и они были в 1 строку все 3 элемента(это лого, поиск, карт) как победить это, подскажите пожалуйста! http://lemur.in.ua/

Нужно жестко прописывать высоту родительским блокам, затем с помщью CSS что-то типа:

#search{
position: relative;
top: 50%;
transform: translateY(-50%);
}

тоже для корзины.

Затем в стилях для мобильных устройств правки делать. И это всё с условием, что высота блока с логотипом останется неизменной.

ИМХО - проще уменьшить логотип и отступами потогнать

Надіслати
Поділитися на інших сайтах


Спасибо большое , буду вникать во Флекс , а вот боюсь вариант сделать статичными блоки не осилю, пока только набиваю руку, первый мой сайт на этом движке. Может дадите совет кроме уменьшить лого , как сделать сейчас главную страницу более менее по виду , сейчас смотрится не доделано...

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.