проблема с отступом / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

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

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / проблема с отступом

1 сообщений из 1, страница 1 из 1

проблема с отступом

#34657797

sniper911

Участник

Сообщения: 298

Рейтинг: 0 / 0

Всем доброго времени суток. Помогоите пожалуйста в разрешении ситуации. Я делаю выпадающее меню. ВСё бы замечательно, но только баг получатеся: когда в верхнем пункте название состоит более чем из одной строки, то выпадающий списко смещается вниз ещё на доп расстояние (фактически на одну строку) и получается зазор. Если одна строка, то всё нормально. Как это убрать. Заранее, спасибо. Вот моя вёрстка:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title></title>
</head>
<style>
BODY
{
margin: 0 0 0 0px;
padding: 0;
}
#upper_menu
{
height:35px;
width:100%;
display:table;
list-style: none;
margin: 0;
padding-left: 25%;
padding-right: 15%;
}

#upper_menu li
{
width:15%;
height:100%;
display: table-cell;
vertical-align:middle;
text-align: center;
background-color:#43799F;
border-right: 2px solid white;
position: relative;
}

#upper_menu li a
{
font-family: "Verdana", sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: white;
background: none;
display: block;
border 2px solid red;

/* margin-top: expression(((outer.offsetHeight/2)-parseInt(offsetHeight)/2) <0 ? "0" :(centered.offsetHeight/2)-(parseInt(offsetHeight)/2) +'px') ;*/
}

#upper_menu li:hover a
{
background: #3890CF;
width:100%;
display: block;
height:100%;

}
#upper_menu li ul
{
display: none;
}

#upper_menu li:hover ul
{
opacity:.70;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
position: absolute;
background-image: url(hover_menu.jpg);
background-position:left top;
background-repeat: repeat-x;
background-color: white;
padding: 20 0 0 10;
width: 10%;
margin-top: 12px;
display:block;

}

#upper_menu li:hover ul li
{
width:100%;
background: none;
display:block;
height:20px;
border: none;
text-align: left
}

#upper_menu li:hover ul li a
{
color: #1B598D;
float: none;
background: none;
height: 100%;

}

#upper_menu li:hover ul li a:hover
{
color: #2294EB;
text-decoration: underline;
background: none
}
</style>
<body bgcolor=green>
<div style="background-color:#3890CF">
<ul id="upper_menu">
<li style="border-left: 2px solid white"><a href="#">Побережье</a>
<ul>
<li><a href="#">Балчик</a></li>
<li><a href="#">Бяла</a></li>
<li><a href="#">Варна</a></li>
<li><a href="#">Золотые пески</a></li>
<li><a href="#">Каварна</a></li>
<li><a href="#">Кранево</a></li>
<li><a href="#">Кошарица</a></li>
<li><a href="#">Несебр</a></li>
<li><a href="#">Равда</a></li>
<li><a href="#">Св. Влас</a></li>
<li><a href="#">Св. Константин и Елена</a></li>
<li><a href="#">Солнечный берег</a></li>
<li><a href="#">Созополь</a></li>
<li><a href="#">Черноморец</a></li>
<li><a href="#">Царево</a></li>

</ul>
</li>
<li><a href="#">Горнолыжные</a>
<ul>
<li><a href="#">Банско </a></li>
<li><a href="#">Боровец</a></li>
<li><a href="#">Пампорово</a></li>
<li><a href="#">Разлог</a></li>
</ul>
</li>
<li><a href="#">Города</a>
<ul>
<li><a href="#">София</a></li>
<li><a href="#">Варна</a></li>

</ul>
</li>
<li><a href="#">Сельская местность</a>
<ul>
<li><a href="#">Велико Тырново</a></li>
<li><a href="#">Рогачево</a></li>
</ul>
</li>
<li><a href="#">Карта и видео</a></li>
<li><a href="#">Форум</a></li>
</ul>
</div>

</body>

...

Рейтинг:

0 / 0

12.07.2007, 19:21

| Ответить | Цитировать | Написать

1 сообщений из 1, страница 1 из 1

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / проблема с отступом

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&msg=34657797&tid=1457971]:	0ms
get settings:	8ms
get forum list:	13ms
check forum access:	3ms
check topic access:	3ms
track hit:	153ms
get topic data:	13ms
get forum data:	2ms
get page messages:	39ms
get tp. blocked users:	1ms
others:	248ms

total:	483ms