Проблема с двумя меню

у меня два меню выводятся в левой позиции. 1-ое меню это модуль ExtendedMenu, а 2-ое меню это модуль Virtuemart .
подскажите пожалуйста как мне сделать расстояние между этими меню, а то получается так что первое меню накладывается на второе.
Спасибо! Заранее благодарен.

 

Нужно редактировать css. Исходных данных не достаточно для решения этой задачи

 

вот 2 css файла.
один шаблона, а другой первого меню.
если не сложно посмотрите пожалуйста.
Заранее благодарен.

 

ну кто-нибудь, посмотрите пожалуйста, помогите
3ий день мучаюсь, никак не могу понять.

 

Извини не по теме , у тебя в меню в заголовке справа картинка в виде листков , это шаблон такой ? или сам сделал ?

 

oceanic, для того чтобы Вам помочь, нужно видеть сайт. CSS и скрин не помогут...

 

да это шаблон такой, я тока немного шапку переделал
а сайт пока к сожалению находится на локальном сервере

 

эмм.. а как это? т.е. всмысле уже на хостинг?
блин(( думал сначала весь сайт доделаю а потом уже и можно выводить

 

всем привет опять)
возникла новая небольшая проблемка:
всем привет,
возникла небольшая проблемка:
как мне уменьшить ширину меню, а то оно уж через чур вылазиет за пределы нужного.
если что брал готовый css-код специально для создания выпадающего меню.
вот он на всякий случай

Код (CODE):

1. .module *{
2.   padding:0;
3.   margin:0;
4.   padding-bottom:10px;
5. }
6.  
7. .module ul.menu {
8.   width:200px;              
9.   border:1px solid #ccc;    
10.   background-color: #FFCC66;
11.   background-image: url("../images/arrow_right.gif");
12.   background-position: right center ;
13.   background-repeat: no-repeat;
14.                                        
15.    
16. }
17. .module ul.menu li{
18.   display:block;
19.   position: relative;
20. }
21. .module ul.menu li a{
22.   display:block;
23.   border:1px solid #ddd;    
24.   padding:5px;              
25. }
26. .module ul.menu li ul{
27.   display:none;
28.   position:absolute;
29.   width:200px;                
30.   top: 0px;                  
31.   left: 190px;                
32.   background-color: #FFCCFF;  
33.   white-space:nowrap;        
34.   background-image: url("../images/arrow_right.gif");
35.   background-position: right center ;
36.   background-repeat: no-repeat;
37.  
38.  }
39.  
40. .module ul.menu li:hover ul{
41.   display:block;
42.   z-index:2;
43. }
44. .module ul.menu li:hover ul li ul{
45.   display:none;
46. }
47. .module ul.menu li:hover ul li:hover ul{
48.   display:block;
49.   z-index:3;
50.   background-color: #CCFF99;    
51. }
52. </style>

 

В .module ul.menu li ul уменьшить width

В .module ul.menu li:hover ul li ul{ добавить нужный width

 

сделал как вы написали
вот что вышло
получается что:
.module ul.menu li ul отвечает за второй уровень, а
.module ul.menu li:hover ul li ul за третий

 

Код (CODE):

1. #leftcolumn ,#rightcolumn {
2.     margin: 0;
3.     width: 200px;
4.     float: left;
5.     padding: 0 0 10px 0;
6.     text-align: left;
7. }

Уменьши здесь width. Если нужно только левый бочек уменьшить, а правый оставить таким же, то так:

Код (CODE):

1. #leftcolumn ,#rightcolumn {
2.     margin: 0;
3.     float: left;
4.     padding: 0 0 10px 0;
5.     text-align: left;
6. }
7. #leftcolumn {width:150px;}
8. #rightcolumn {width:200px;}

 

уменьшил, не изменилось, еще хуже стало(

 

Надо не колонку left уменьшать, а меню в первом уровне:
.module ul.menu { width:200px;

 

да вот именно что не так) получается что .module ul.menu это второй уровень
как то запутанно всё

 

Посмотрите через Firebug в Мозилле

 

можно по подробнее что это и как?

 

Mozilla Firefox - качественный браузер. FireBug - плагин для него, позволяющий анализировать элементы страницы сайта.