| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > Вёрстка веб-сайтов > Выравнивание текста по вертикали |
| Автор: wowka19 30.11.2011, 17:29 |
| 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; } |
| Автор: ayax2005 1.12.2011, 08:12 |
| #menu div padding-top:10px |
| Автор: wowka19 1.12.2011, 11:53 |
| padding-top изменяет размеры самого DIV, чего бы мне не хотелось (хотя это можно компенсировать). Просто я рассуждаю логично: высота блока позволяет разместить текст заданного размера, более того высота даже избыточна. Так зачем же мне создавать ограничение в виде padding-top, когда логичнее было бы откорректировать высоту базовой линии текста. Жду помощи и заранее спасибо! |
| Автор: ayax2005 1.12.2011, 12:31 |
| поставьте паддинг контейнеру в таком случае |
| Автор: wowka19 1.12.2011, 13:00 |
| так я ему и ставлю, но это увеличивает высоту DIV. Я уверен есть метод без padding ...что-то типа vertical-align.... |
| Автор: $дмитрий 1.12.2011, 15:19 |
| Если пункты меню неразрывны, можно использовать line-height |