вертикальное выравнивание текста / HTML, JavaScript, VBScript, CSS

ReSQL.ru

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

Гость

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

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

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

Цитировать

Написать

Автор*:

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

Тема*:

Сообщение

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

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

Автор:

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

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

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

Вложение:

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

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

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

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

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

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

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

вертикальное выравнивание текста

#34651583

sniper911

Участник

Сообщения: 298

Рейтинг: 0 / 0

Всем доброго времени суток. Делаю выпадающее меню своё на основе ссылки:
http://beholder-eye.info/2006/03/30/dropdown-menu-css
ВСё замечательно, только вот текст пунктов меню сделан в виде ссылок, которые не хотят выравниваться по центру вертикально. Использовал ссылку
http://cssing.org.ua/2007/04/26/another-css-valign-method
Не очень. Вот моя вёрстка:
<style>
#nav, #nav ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
width: 100%;
display:table;

}

#nav li
{
width: 125px;
height: 35px;
float: left;
background-color:rgb(31,130,199);
text-align: center;
border-right: 2px solid white;
position: relative;
}

#nav li a
{
/* font-family: "Verdana", sans-serif;
font-size: 15px;
font-weight: bold;
text-decoration: none;
color: white;
display: block;
background: green;
height:100%*/
display:table-cell;
vertical-align:middle;

}

#nav li ul {
display: none;
}

</style>
<body bgcolor=yellow>
<ul id="nav">
<li><a href="#null">Домой</a></li>
<li><a href="#null">Каталог</a>
<ul>
<li><a href="#null">Вся продукция</a>
<li><a href="#null">По дате</a></li>
<li><a href="#null">Производители</a></li>
<li><a href="#null">Другое</a></li>
</ul>
</li>
<li><a href="#null">Пункт</a></li>
</ul>

</body>

Заранее, спасибо.

...

Рейтинг:

0 / 0

10.07.2007, 19:28

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

вертикальное выравнивание текста

#34652081

LINUXER

Участник

Сообщения: 1 315

Рейтинг: 0 / 0

-вариант не работает как меню,
-читайте вторую ссылку внимательнее
для неИЕ нужно добавить три строчки. То есть зафиксировать высоту

...

Рейтинг:

0 / 0

11.07.2007, 07:01

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

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

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

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

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

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

start [/forum/topic.php?fid=22&msg=34651583&tid=1457985]:	0ms
get settings:	10ms
get forum list:	14ms
check forum access:	4ms
check topic access:	4ms
track hit:	166ms
get topic data:	11ms
get forum data:	3ms
get page messages:	43ms
get tp. blocked users:	2ms
others:	242ms

total:	499ms