Форум русской поддержки Joomla!® CMS
06.12.2016, 14:11:37 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

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

 (Прочитано 2826 раз)
0 Пользователей и 1 Гость смотрят эту тему.
Georgiy77
Осваиваюсь на форуме
***

Репутация: +2/-0
Offline Offline

Пол: Мужской
Сообщений: 164


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


« : 11.03.2013, 22:25:18 »

Здравствуйте!

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

Репутация: +127/-2
Offline Offline

Пол: Мужской
Сообщений: 752



« Ответ #1 : 12.03.2013, 08:42:06 »

в 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>
Записан
Georgiy77
Осваиваюсь на форуме
***

Репутация: +2/-0
Offline Offline

Пол: Мужской
Сообщений: 164


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


« Ответ #2 : 12.03.2013, 11:45:11 »

likrion, а могли бы вы более подробно расписать? Первый блок вставляем в item.css, верно? А второй куда вставлять?
Записан
likrion
Завсегдатай
*****

Репутация: +127/-2
Offline Offline

Пол: Мужской
Сообщений: 752



« Ответ #3 : 12.03.2013, 11:56:05 »

дайте ссылку на страницу
Записан
Georgiy77
Осваиваюсь на форуме
***

Репутация: +2/-0
Offline Offline

Пол: Мужской
Сообщений: 164


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


« Ответ #4 : 13.03.2013, 10:58:11 »

вот, пожалуйста - http://xn--80ansbabafuhl4j.com/prosvetlenie/papadzhi/knigi/item/prosnis-i-rychi
Записан
likrion
Завсегдатай
*****

Репутация: +127/-2
Offline Offline

Пол: Мужской
Сообщений: 752



« Ответ #5 : 13.03.2013, 12:57:56 »

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

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

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


Показать текстовый блок
Записан
Georgiy77
Осваиваюсь на форуме
***

Репутация: +2/-0
Offline Offline

Пол: Мужской
Сообщений: 164


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


« Ответ #6 : 13.03.2013, 15:04:28 »

да, именно так, спасибо, буду сейчас пробовать!
Записан
Georgiy77
Осваиваюсь на форуме
***

Репутация: +2/-0
Offline Offline

Пол: Мужской
Сообщений: 164


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


« Ответ #7 : 13.03.2013, 16:36:38 »

likrion, спасибо большое! Получилось сделать так как вы описали Azn
Записан
MorrOOO
Новичок
*

Репутация: +0/-0
Offline Offline

Сообщений: 1


« Ответ #8 : 30.06.2016, 22:18:16 »

Вот тут можно почитать на данную тему
http://web-sprints.ru/css-elementyi-v-stroku/
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet