Блоки в одну строку

Дорогие форумчане.Не могу разобраться с модулем.Вывел модуль zoo в материале.Все хорошо, но требуется этот модуль разместить не вертикально, как у меня сейчас, а горизонтально, по 3 материала в строчке. Т.к это модуль, то стоит claer обтекание слева и справа. Прошу помощи, задача несложная, но реально нужная.
Сайт : http://rufree-soft.ru/
П.с знаю что правки в CSS затронут и модуль справа, я потом пропишу суффикс для модуля в материале.
Спасибо.

 

Спасибо,надоумили меня,все получилось . Но теперь другая проблема. Пытаюсь прописать суффикс модуля для модуля в материале и ничего не происходит. Модуль попрежнему обращается к старому стилю без суффикса.Что может быть?В суффикс модуля в материале добавляю _new, затем в файле style.css добавляю ко всем стилям _new,получается вот так:

Код (PHP):

1. ul.zoo-list_new {
2.  
3.  
4.     margin: 0;
5.     padding: 0;
6.     list-style: none;
7. }
8.  
9. ul.zoo-list_new > li {
10. width:150px;
11. margin:0 auto;
12. display: inline-table;
13.     margin-top: 5px;
14.     padding-top: 5px;
15.     border-top: 1px solid #ddd;
16. }
17.  
18. ul.zoo-list_new > li:first-child {
19.  
20.     margin-top: 0;
21.     padding-top: 0;
22.     border: none;
23. }
24.  
25. ul.zoo-list_new > li > a:first-child { display: block; }
26.  
27. .zoo-item-list_new > li { overflow: hidden; }
28.  
29. /* Position: Media */
30. .zoo-item-list_new div.media-top { margin-bottom: 10px; }
31.  
32. .zoo-item-list_new div.media-left {
33.     margin: 4px 10px 0 0;
34.     float: left;
35. }
36.  
37. .zoo-item-list_new div.media-right {
38.     margin: 4px 0 0 10px;
39.     float: right;
40. }
41.  
42. .zoo-item-list_new div.media-middle,
43. .zoo-item-list_new div.media-bottom { margin-top: 10px; }
44.  
45. .zoo-item-list_new div.media > img,
46. .zoo-item-list_new div.media > object,
47. .zoo-item-list_new div.media > embed { display: block; }
48.  
49. /* Position: Title */
50. .zoo-item-list_new p.title { margin: 0px; color: #1F79EB; font-weight: bold;}
51.  
52. /* Position: Meta */
53. .zoo-item-list_new p.meta {
54.     margin: 0px;
55.     font-size: 10px;
56.     color: #000;
57.     line-height: 13px;
58.     font-style: arial;
59. }
60.  
61. /* Position: Description */
62. .zoo-item-list_new div.description { margin: 5px 0 0 0; }
63.  
64. .zoo-item-list_new div.description > div { margin-top: 5px; }
65. .zoo-item-list_new div.description > div:first-child { margin-top: 0;    background-image: url('images/mmm.png');}
66.  
67. /* Position: Links */
68. .zoo-item-list_new p.links { margin: 5px 0 0 0; }
69.  
70. .zoo-item-list_new p.links span a:after {
71.     content: " »";
72.     font-size: 16px;
73. }ul.zoo-list_new > li:first-child {
74.  
75.     margin-top: 0;
76.     padding-top: 0;
77.     border: none;
78. }
79.  
80. ul.zoo-list_new > li > a:first-child { display: block; }
81.  
82. .zoo-item-list_new > li { overflow: hidden; }
83.  
84. /* Position: Media */
85. .zoo-item-list_new div.media-top { margin-bottom: 10px; }
86.  
87. .zoo-item-list_new div.media-left {
88.     margin: 4px 10px 0 0;
89.     float: left;
90. }
91.  
92. .zoo-item-list_new div.media-right {
93.     margin: 4px 0 0 10px;
94.     float: right;
95. }
96.  
97. .zoo-item-list_new div.media-middle,
98. .zoo-item-list_new div.media-bottom { margin-top: 10px; }
99.  
100. .zoo-item-list_new div.media > img,
101. .zoo-item-list_new div.media > object,
102. .zoo-item-list_new div.media > embed { display: block; }
103.  
104. /* Position: Title */
105. .zoo-item-list_new p.title { margin: 0px; color: #1F79EB; font-weight: bold;}
106.  
107. /* Position: Meta */
108. .zoo-item-list_new p.meta {
109.     margin: 0px;
110.     font-size: 10px;
111.     color: #000;
112.     line-height: 13px;
113.     font-style: arial;
114. }
115.  
116. /* Position: Description */
117. .zoo-item-list_new div.description { margin: 5px 0 0 0; }
118.  
119. .zoo-item-list_new div.description > div { margin-top: 5px; }
120. .zoo-item-list_new div.description > div:first-child { margin-top: 0;    background-image: url('images/mmm.png');}
121.  
122. /* Position: Links */
123. .zoo-item-list_new p.links { margin: 5px 0 0 0; }
124.  
125. .zoo-item-list_new p.links span a:after {
126.     content: " »";
127.     font-size: 16px;
128. }

Извините,не знаю как сюда вставить код CSS

 

Конечно посмотрел,можете убедиться, rufree-soft.ru. А можно поподробнее, про вывод из modules.php,что нужно сделать в этом случае.
Щас на главной странице,вы видите 2 модуля,которые используют 1 стиль.Собственно для модуля слева я хочу оставит старый стиль,а для модуля в материале прописать новый стиль.

 

Нашел тему http://joomla-support.ru/thread/17479/ , это мой случай?А где искать файл modules.php?

 

Не очень понял,а можно на примере моего кода?Спасибо.

 

Я так понимаю файл modules.php должен быть в папке шаблона?У меня просто его нет,нужно видимо создать.