mod_mainmenu - нужно подредаговать

Собственно проблема состоит в том, что после того как я начал делать 2-х уровневое меню, у меня оно виводится не верно(сайт: http://www.contra.org.ua Joomla 1.5.18 - mod_mainmenu) все пункты оно выводит вниз(т.е. вертикально, каждое меню -отдельный модуль, в одном и том же контейнере "use3"), а мне нужно - горизонтальную полосу меню сделать, знаю нужно править в шаблоне ../html/mod_mainmenu/default.php - шаблон прилагаю, напишите плиз код..., который это исправит! Надеюсь на быстрый ответ, так как это единственная трабла на моем пути

 

на счет вывода - так оно и стоит..
пробовал делать изменения в CSS - нужного результата нет(так как не очень разбераюсь в CSS = делал методом втыка), так что хелп - вот код(которым виводится верхнее меню):

Код (CODE):

1. /* begin Menu */
2. /* menu structure */
3.  
4. .art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
5. {
6.   text-align: center;
7.   text-decoration: none;
8.   outline: none;
9.   letter-spacing: normal;
10.   word-spacing: normal;
11. }
12.  
13. .art-menu, .art-menu ul
14. {
15.   margin: 0;
16.   padding: 0;
17.   border: 0;
18.   list-style-type: none;
19.   display: block;
20. }
21.  
22. .art-menu li
23. {
24.   margin: 0;
25.   padding: 0;
26.   border: 0;
27.   display: block;
28.   float: left;
29.   position: relative;
30.   z-index: 5;
31.   background: none;
32. }
33.  
34. .art-menu li:hover
35. {
36.   z-index: 10000;
37.   white-space: normal;
38. }
39.  
40. .art-menu li li
41. {
42.   float: none;
43. }
44.  
45. .art-menu ul
46. {
47.   visibility: hidden;
48.   position: absolute;
49.   z-index: 10;
50.   left: 0;
51.   top: 0;
52.   background: none;
53. }
54.  
55. .art-menu li:hover>ul
56. {
57.   visibility: visible;
58.   top: 100%;
59. }
60.  
61. .art-menu li li:hover>ul
62. {
63.   top: 0;
64.   left: 100%;
65. }
66.  
67. .art-menu:after, .art-menu ul:after
68. {
69.   content: ".";
70.   height: 0;
71.   display: block;
72.   visibility: hidden;
73.   overflow: hidden;
74.   clear: both;
75. }
76. .art-menu, .art-menu ul
77. {
78.   min-height: 0;
79. }
80.  
81. .art-menu ul
82. {
83.   background-image: url(../images/spacer.gif);
84.   padding: 10px 30px 30px 30px;
85.   margin: -10px 0 0 -30px;
86. }
87.  
88. .art-menu ul ul
89. {
90.   padding: 30px 30px 30px 10px;
91.   margin: -30px 0 0 -10px;
92. }
93.  
94. div.art-nav-center
95. {
96.   position: relative;
97.   float: right;
98.   right: 50%;
99.  
100. }
101.  
102. ul.art-menu
103. {
104.   position: relative;
105.   float: left;
106.   left: 50%;
107. }
108.  
109. .firefox2 ul.art-menu
110. {
111.   float: none;
112. }
113.  
114.  
115.  
116.  
117. /* menu structure */
118.  
119. .art-menu
120. {
121.   padding: 0 0 0 0;
122. }
123.  
124. .art-nav
125. {
126.   position: relative;
127.   height: 22px;
128.   z-index: 100;
129. }
130.  
131. .art-nav .l, .art-nav .r
132. {
133.   position: absolute;
134.   z-index: -1;
135.   top: 0;
136.   height: 22px;
137.   background-image: url('../images/nav.png');
138. }
139.  
140. .art-nav .l
141. {
142.   left: 0;
143.   right: 0;
144. }
145.  
146. .art-nav .r
147. {
148.   right: 0;
149.   width: 1096px;
150.   clip: rect(auto, auto, auto, 1096px);
151. }
152.  
153.  
154. /* end Menu */
155.  
156. /* begin MenuItem */
157. .art-menu a
158. {
159.   position: relative;
160.   display: block;
161.   overflow: hidden;
162.   height: 22px;
163.   cursor: pointer;
164.   text-decoration: none;
165. }
166.  
167. .art-menu li
168. {
169.   margin-right: 0;
170.   margin-left: 0;
171. }
172.  
173. .art-menu ul li
174. {
175.     margin:0;
176.     clear: both;
177. }
178.  
179.  
180. .art-menu a .r, .art-menu a .l
181. {
182.   position: absolute;
183.   display: block;
184.   top: 0;
185.   z-index: -1;
186.   height: 66px;
187.   background-image: url('../images/menuitem.png');
188. }
189.  
190. .art-menu a .l
191. {
192.   left: 0;
193.   right: 0;
194. }
195.  
196. .art-menu a .r
197. {
198.   width: 400px;
199.   right: 0;
200.   clip: rect(auto, auto, auto, 400px);
201. }
202.  
203. .art-menu a .t
204. {
205.   margin-right: 10px;
206.   margin-left: 10px;
207.   font-weight: bold;
208.   font-size: 11px;
209.   text-decoration: none;
210.   text-transform: uppercase;
211.   color: #C6D2AC;
212.   padding: 0 22px;
213.   margin: 0 0;
214.   line-height: 22px;
215.   text-align: center;
216. }
217.  
218. .art-menu a:hover .l, .art-menu a:hover .r
219. {
220.   top: -22px;
221. }
222.  
223. .art-menu li:hover>a .l, .art-menu li:hover>a .r
224. {
225.   top: -22px;
226. }
227.  
228. .art-menu li:hover a .l, .art-menu li:hover a .r
229. {
230.   top: -22px;
231. }
232. .art-menu a:hover .t
233. {
234.   color: #F8CB16;
235. }
236.  
237. .art-menu li:hover a .t
238. {
239.   color: #F8CB16;
240. }
241.  
242. .art-menu li:hover>a .t
243. {
244.   color: #F8CB16;
245. }
246.  
247.  
248. .art-menu a.active .l, .art-menu a.active .r
249. {
250.   top: -44px;
251. }
252.  
253. .art-menu a.active .t
254. {
255.   color: #000000;
256. }
257. /* end MenuItem */

 

В модуле суффикс класса -nav стоит?

 

botanist, нет не стоял, но поставив это ничье не изменилось, ставил в поле "суффикс класса модуля"-в модуле меню выводящего пункт меню в use3(у меня каждый модуль меню - отдельный пункт главного меню, с дочерным меню)..., насколько я понимаю, можно написать свой CSS суффикс класса модуля, после чего эво указать в админке на определенное меню(в моем случае главное), либо в шаблоне править ../html/mod_mainmenu/default.php... прошу помочь любим из методов, так как нужно срочно в этом разобраться, а учить php\css я токо начинаю..

 

Все разобрался, но того чего хотел добился другим путем: сначала пункты верхнего меню были отдельными меню, теперь одним - один модуль в use3, подкатигории верхнего меню - отделние модели, отделение уровнями(т.е главное 0:1 \ дочерние 1:2)...,ето всё так на заметку мож кому понадобится, спасибо всем за ответы...

как я понял(для себя), чтоб выйти из ситуации нужно экспериментировать, и не зацикливаться на одном типе решения

...