Сообщений в теме: 3

[ya.r.ik]

Помогите выровнять верхнее меню. Оно состоит из двух файлов: nav_item_bg.gif и nav_bg.gif. Не могу наложить их друг на друга, разъезжаются.

[Vaccina]

Попробуйте сделать следующее: В файле стилей найти

#mainNav table td {
	padding: 7px 0 0 4px;
}

заменить на

#mainNav table td {
	padding: 2px !important;
}

далее найти

#mainNav table td div {
	background: url("http://img.storeland.ru/web/upload/assets/images/34/33373/nav_item_bg.gif") repeat-x scroll left bottom #FFFFFF;
	float: left;
	font-size: 1.35em;
	height: 0;
	line-height: 1.3333em;
}

заменить на

#mainNav table td div {
	background: url("http://img.storeland.ru/web/upload/assets/images/34/33373/nav_item_bg.gif") repeat-x scroll left bottom #FFFFFF;
	float: left;
	font-size: 1.35em;
	height: 0;
	line-height: 1.3333em;
	padding-left: 5px;
}

[ya.r.ik]

Все получилось, но смотрится как то не очень. Не могли бы вы подсказать как сделать меню круглое по всем углам?

[Vaccina]

Вам лучше будет изменить изображение nav_bg.gif и сделать закругление.

Или использовать класс

#mainNav {
	background: url("http://img.storeland.ru/web/upload/assets/images/34/33373/nav_bg.gif") no-repeat scroll 0 0 transparent;
	border-radius: 12px;
	bottom: 0;
	height: 30px;
	left: -150px;
	position: absolute;
}

с заданием border-radius: 12px; - но будет смотреться плохо.