Как вывести элементы в одну строку?

  • 8 Ответов
  • 3252 Просмотров

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

*

Georgiy77

  • ***
  • 164
  • 2
  • Развивайся, живи, люби - ты на пути!
Здравствуйте!

Подскажите пожалуйста, как вывести элементы zoo в одну строку? К примеру, есть элемент "социальные кнопки" и элемент "рейтинга". Как сделать так чтобы рейтинг не сползал на следующую строчку? Заранее благодарю.

*

likrion

  • *****
  • 753
  • 126
в CSS добавляем правила

Код
.parent{
        width:100%; //опционально
        padding:5px;
        white-space:nowrap;
    }
    .child{
        width:150px; //опционально
        margin:5px;
        float:left;
    }
});

а элементы выстраиваем в таком порядке с добавление указанных классов к уже сущеструющим

Код
<div class="parent">
<div class="child"></div>
<div class="child"></div>
</div>
R331474010295

*

Georgiy77

  • ***
  • 164
  • 2
  • Развивайся, живи, люби - ты на пути!
likrion, а могли бы вы более подробно расписать? Первый блок вставляем в item.css, верно? А второй куда вставлять?

*

likrion

  • *****
  • 753
  • 126
дайте ссылку на страницу
R331474010295

*

Georgiy77

  • ***
  • 164
  • 2
  • Развивайся, живи, люби - ты на пути!

*

likrion

  • *****
  • 753
  • 126
поменяйте теги с соц закладками местами  а CSS пропишите

Код
.yoo-zoo.rating {
    float: left;
}

ну и с высотой поиграйтесь... насколько я понял вы хотите так


Спойлер
[свернуть]
R331474010295

*

Georgiy77

  • ***
  • 164
  • 2
  • Развивайся, живи, люби - ты на пути!
да, именно так, спасибо, буду сейчас пробовать!

*

Georgiy77

  • ***
  • 164
  • 2
  • Развивайся, живи, люби - ты на пути!
likrion, спасибо большое! Получилось сделать так как вы описали :)

Вот тут можно почитать на данную тему
http://web-sprints.ru/css-elementyi-v-stroku/