Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Выравнивание текста по вертикали, уже зае...ся! 
:(
    Опции темы
wowka19
Дата 30.11.2011, 17:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 285
Регистрация: 30.11.2011

Репутация: нет
Всего: нет



HTML:
<div id="menu">
        <div>ХУ?</div>  // нужно чтобы текст был на середине по вертикали
</div>


CSS:
#menu
{
    z-index: 3;
    position: fixed;
    margin-top: 15px;
}

#menu div
{
    width: 150px;
    height: 30px;
    background-image: url(button.png);
    color: #ffffff;
    text-align: center;
}


PM MAIL   Вверх
ayax2005
Дата 1.12.2011, 08:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


echo $smile
**


Профиль
Группа: Участник
Сообщений: 516
Регистрация: 17.4.2008
Где: Питер

Репутация: 3
Всего: 11



#menu div padding-top:10px


--------------------
все вопросы - из-за неверной формулировки задачи
PM MAIL ICQ   Вверх
wowka19
Дата 1.12.2011, 11:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 285
Регистрация: 30.11.2011

Репутация: нет
Всего: нет



padding-top изменяет размеры самого DIV, чего бы мне не хотелось (хотя это можно компенсировать).
Просто я рассуждаю логично: высота блока позволяет разместить текст заданного размера, более того высота даже избыточна. Так зачем же мне создавать ограничение в виде padding-top, когда логичнее было бы откорректировать высоту базовой линии текста.

Жду помощи и заранее спасибо!
PM MAIL   Вверх
ayax2005
Дата 1.12.2011, 12:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


echo $smile
**


Профиль
Группа: Участник
Сообщений: 516
Регистрация: 17.4.2008
Где: Питер

Репутация: 3
Всего: 11



поставьте паддинг контейнеру в таком случае


--------------------
все вопросы - из-за неверной формулировки задачи
PM MAIL ICQ   Вверх
wowka19
Дата 1.12.2011, 13:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 285
Регистрация: 30.11.2011

Репутация: нет
Всего: нет



так я ему и ставлю, но это увеличивает высоту DIV. Я уверен есть метод без padding ...что-то типа vertical-align....
PM MAIL   Вверх
$дмитрий
Дата 1.12.2011, 15:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 19.6.2004

Репутация: 10
Всего: 45



Если пункты меню неразрывны, можно использовать line-height
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0643 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.