Форум Сайтостроение Веб-строительство

Промежуток между меню и пункиами меню

1
На сайте с 10.10.2010
Offline
73
12Gerc
680

Между меню и его пунктами есть промежуток, который не даёт дойти до самих пунктов.

Сам промежуток мне нужно оставить, как сделать, чтоб проходя мышкой через него не скрывались подпункты обратно.

Не знаю как лучше выразить мысль:confused:

jpg 133666.jpg
TF-Studio
На сайте с 17.08.2010
Offline
334
TF-Studio
#1

Попробуйте так

Или сайт покажите

Всё ещё лучший способ заработка для белых сайтов: GoGetLinks (https://www.gogetlinks.net/?inv=fahbn8).
1
На сайте с 10.10.2010
Offline
73
12Gerc
#2
TF-Studio:
Попробуйте так


Или сайт покажите

Нет, не помогло.

Забыл сказать, что joomla 3 на локалке

Код меню (right1 - позиция для меню)

#right1 {
	width: 820px;
	display: block;
	font-size: 100%;
	margin: 0;
	padding: 0;
	outline: none;
	display: inline;
}

#right1 ul li {
	float: right;
	display: inline-block;
	padding: 10px 10px;
	font-weight: normal;
	list-style: none;
	text-align: center !important;
	margin: 5px 0 0 0;
}
#right1 a {
	text-decoration: none;
}
.moduletable_up {
	float: right;
	margin: 0;
	top: auto;
	height: 54px;
	z-index: 100;
	position: relative;
}
.moduletable_up a {
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
	line-height: 30px;
	padding: 0 20px;
	cursor: pointer;
	display: block;
	float: left;
	text-decoration: none;
}



.moduletable_up a:hover, .moduletable_up li.active a {
	color: #cccc66;
	background: #741d09;
	border-radius: 3px;
	outline: none;
	text-decoration: none;
}







.moduletable_up li ul {
	position: absolute;
	font-family: 'Droid Sans', sans-serif, Helvetica, Arial;
	font-size: 12px;
	width: 170px;
	left: -999em; /* Скрытие подпунктов */
	background-color: #81220c;
	border: solid 1px #a63414;
	border-radius: 5px;
	display: inline;
}

/* Внутренне выравнивание*/
.moduletable_up li li a {
	width: 280px;
	background-color: #81220c;
	border: 0;
	padding: 0;
}

/* Внутренне выравнивание 2*/ 
.moduletable_up li ul a {
	width: 150px;
	margin: 0px;
	padding-left: 7px;
} 

/* Скрывает подпункты */
.moduletable_up li:hover ul ul, .moduletable_up li:hover ul ul ul, .moduletable_up li.sfhover ul ul, .moduletable_up li.sfhover ul ul ul {
	left: -999em;
}

/* Показывает подпункты */
.moduletable_up li:hover ul, .moduletable_up li li:hover ul, .moduletable_up li li li:hover ul, .moduletable_up li.sfhover ul, .moduletable_up li li.sfhover ul, .moduletable_up li li li.sfhover ul {
	left: auto;
} 

/* Сдвиг подпунктов 2 урв */
li.parent ul {
	margin-top: 44px !important;
	margin-left: -108px !important;
}

/* Третий уровень */
li.parent ul ul {
	margin: 0px 0 0 10px;
}


Я думаю, что здесь должно быть связано как то с :after или opacity.

Пс. может как то туда стрелку добавить можно (уверен, что можно).

---------- Добавлено 25.03.2014 в 13:14 ----------

Вообщем, чтоб не отключался подпункт просто увеличил padding в

#right1 ul li

В отчеты Метрики по Яндекс добавил уточнения к Google: что делать, если

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий