Как выровнять меню в openсart?

И как Вам подсказать без пациента?

Если выровнять, то css в помощь

---------- Добавлено 10.02.2013 в 20:06 ----------

sir Nicholas, так где эта цсс-ка то?

---------- Добавлено 10.02.2013 в 21:16 ----------

Так. нашёл я файл стилей, но центрирование не помогло, всё равно всё уползает туда. Еслть возможность, чтоб всё меню выпадало вниз?

Не работает увеличение картинки.... что нить типа... находите там div, отвечающий за стиль и расположение меню и вносите изменения в код..

Вам ответ в фотошопе сделать?

Ваша проблема в css, правьте код. Точнее сказать не могу, так как не вижу код. Смотрите на свойства a:hover меню

Пример с интернета http://www.webpress.uz/Alexandr/CSS/Prostoe-vypadayushchee-menyu-na-CSS/#.URfQavK9qmM

div к данному меню не имеет никакого отношения, так как данное меню всплывающее

проблема с .class li ul li:hover и заданными свойствами .class li ul

Сир,

#menu {
	background: url('../image/menu.png') center center repeat-x;
	height: 32px;
	margin-bottom: 15px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 0 2px 2px #9C9C9C;
	-moz-box-shadow: 0 2px 2px #9C9C9C;
	box-shadow: 0 2px 2px #9C9C9C;
	padding: 0px 5px;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu > ul > li {
	position: relative;
	float: right;
	z-index: 20;	
}
#menu > ul > li:hover {
    background: #D13C5E;
}

#menu > ul > li:first-of-type a {
    border-left: medium none;
}
#menu > ul > li:first-child a {
    border-left: medium none;
}
#menu > ul > li:last-of-type a {
    border-right: medium none;
}
#menu > ul > li:last-child a {
    border-right: medium none;
}
#menu > ul > li > a.active {
	background: url('/image/menu-bg-hover.png') center center repeat-x;;
}
#menu > ul > li > a {
	font-size: 13px;
	color: #FFF;
	line-height: 14px;
	text-decoration: none;
	display: block;
	padding: 9px 10px 9px 10px;
	z-index: 6;
	position: relative;
    text-transform: capitalize;
    border-right: 1px solid #949494;
    border-left: 1px solid #444444;
    text-transform: uppercase;
}
#menu > ul > li:hover > a {

}
#menu > ul > li > div {
	display: none;
	background: #fff;
	position: absolute;
	z-index: 5;
	padding: 2px;
	border-left: 3px solid #444444;
    border-right: 3px solid #444444;
    border-bottom: 3px solid #444444;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-khtml-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	-webkit-box-shadow: 0 2px 6px #545454;
	-moz-box-shadow: 0 2px 6px #545454;
	box-shadow: 0 2px 6px #545454;
    
    
}
#menu > ul > li > div > ul > li > div {
	display: none;
	background: #FFFFFF;
	position: absolute;
	z-index: 5;
	padding: 0px;
	margin-left: 172px;
    -webkit-box-shadow: 2px 2px 11px #4F4F4F;
	-moz-box-shadow: 2px 2px 11px #4F4F4F;
	box-shadow: 2px 2px 11px #4F4F4F;
	-webkit-border-radius: 0px 5px 5px 0px;
	-moz-border-radius: 0px 5px 5px 0px;
	-khtml-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
	background: #FFF;
    margin-top: -5px;
    border: 3px solid #444444;
}
.menu-child {
    background: url("../image/menuarrow.png") no-repeat scroll 95% center transparent;
}
.menu-child:hover {
    background: url("../image/menuarrow-hover.png") no-repeat scroll 95% center transparent;
}
#menu > ul > li > div > ul li{
    max-width: 181px;
    min-width: 170px;
    padding: 0px;
}
#menu > ul > li:hover > div,
#menu > ul > li:hover > div > ul > li:hover > div {
	display: table;
}

#menu > ul > li > div > ul {
	display: table-cell;
}
#menu > ul > li ul + ul {
	padding-left: 20px;
}
#menu > ul > li ul > li > a {
	text-decoration: none;
	padding: 4px;
	color: #000;
	display: block;
	white-space: nowrap;
	min-width: 120px;
}
#menu > ul > li ul > li > a:hover {
	background: #444;
    color: #fff;
}
#menu > ul > li > div > ul > li > a {
	color: #000;
    text-transform: uppercase;
}
#menu > ul > li > div > ul > li + li {
    border-top: 1px solid #ccc;
}

ТС, покажите сайт, может Вам помогут. С таким подходом Вы еще долго будите ждать помощи. :)

buket-aromatov.ru

ghetto_dog, Вы сейчас не отцентрируете выпадающие блоки меню, так чтоб они были видны полностью, потому что они слишком широкие.

Сейчас могут нормально отображаться только выпадающие блоки с 5 колонками, а у Вас там по 8 колонок в каждом блоке.

На странице подключен скрипт, который после загрузки страницы получает ширину каждого выпадающего блока и сдвигает каждый блок влево так, чтоб правый край блока совпадал правым блоком контейнера страницы <div id="container">. А так как ширина блоков больше ширины контейнера, то они "заползают" влево за край экрана.

Или уменьшайте количество колонок в выпадающих блоках до пяти, или уменьшайте ширину этих колонок, чтобы в сумме ширина 8 колонок была не более 980px.

Gormarket, бинго! Я и спрашиваю, как бы уменьшить количество этих блоков. Копался в коде, нифига не понял, там <div id="menu"> <ul><li>php код, в котором я не понимаю ничего</li></ul></div>. Я так понял, что все кроется в пхп... а как?:(

P.S. завтра выложу точный код