Войти

Авторизация

Логин:
Пароль:
Забыли пароль?
Регистрация
Сайт пользователей Artisteer и Themler. Официальный торговый представитель.

Блоки в линию

как сделать что бы блоки были в ожну линию
Захожу иногда
Ёлкин
Сообщений: 31
1538 дней назад
Подскажите, делаю три блока в шапке сайта, надо что бы они расположились в одну линию и ширина была не фиксированной, а зависела о содержания. Назначаю им display: inline-block; но они у меня почему то располагаются один под другим.

Как сделать как надо?
Постоянный участник
Handy
Медаль
Сообщений: 772
195 дней назад
Вначале делаете один контейнер и располагаете его там где надо. Потом в него помещаете нужные три блока. Добавляете в эти три блока в стили float:right (или left, как вам нужно)
не ставьте в эти стили свойство position вообще.

Должно работать music
качественное продвижение и раскрутка сайтов в сеопульте
Захожу иногда
Ёлкин
Сообщений: 31
1538 дней назад
Так все равно один под другим. Сделал вродебы все правильно.
Постоянный участник
Handy
Медаль
Сообщений: 772
195 дней назад
Для общего блока в котором эти три ширину сделайте width: 100%; может конечно что то перебивать, но должно все работать.
качественное продвижение и раскрутка сайтов в сеопульте
Захожу иногда
Ёлкин
Сообщений: 31
1538 дней назад
Все. Заработало. Спасибо dance добавил в внутренние блоки еще:
Код PHP:
  1.  
  2. . blocktoph {
  3. clear: none;
  4. display: block;
  5. float: left;
  6. height: 25px;
  7. line-height: 25px;
  8. margin-right: 10px;
  9. padding: 0;
  10. }
  11.  
  12.  
Для основного блока поставил width: auto;
|
Перейти на форум:
Быстрый ответ
У вас нет прав, чтобы писать на форуме.