Отправляет email-рассылки с помощью сервиса Sendsay

За 2006-06-03

Re: вертикальное центрирование кнопок в div-блоке

Здравствуйте!

3 июня 2006 г., 2:19:16, вы писали:

Z> Мне нужно в горизонтальном div-блоке расположить кнопки по вертикали по центру,
Z> но, никак не получается. Ребят, не могу разобраться, помогите, плз. Если я
Z> выставляю padding внутри DIV-блока, то почему-то, кроме отступа кнопки от
Z> верхнего края, весь блок увеличивается по высоте. В чем проблема?

Нашёл в справочнике CSS:

vertical-align

Описание
Выравнивает элемент по вертикали относительно своего родителя.
Синтаксис
vertical-align: baseline | bottom | middle | sub | super | text-bottom | text-top
| top | значение | проценты
Аргументы
baseline -- выравнивает базовую линию текущего элемента по базовой линии родителя.
Если родительский элемент не имеет базовой линии, то за нее принимается нижняя
граница элемента.
bottom -- выравнивает основание текущего элемента по нижней части элемента строки,
расположенного ниже всех.
middle -- выравнивание средней точки элемента по базовой линии родителя плюс
половина высоты родительского элемента.
sub -- элемент изображается как подстрочный, в виде нижнего индекса. Размер шрифта
при этом не меняется.
super -- элемент изображается как надстрочный, в виде верхнего индекса. Размер
шрифта остается прежним.
text-bottom -- нижняя граница элемента выравнивается по самому нижнему краю текущей
строки.
text-top -- верхняя граница элемента выравнивается по самому высокому текстовому
элементу текущей строки.
top -- выравнивание верхнего края элемента по верху самого высокого элемента
строки.
В качестве значения можно использовать проценты, пикселы или другие доступные
единицы. Положительный аргумент смещает элемент вверх относительно базовой линии,
в то время как отрицательное значение опускает его вниз. Не все браузеры поддерживают
такой способ записи, в частности, Internet Explorer и Netscape только с шестой
версии.
Значение по умолчанию
baseline
Наследование
Значения, присвоенные данному параметру, не наследуются.

С уважением,
Колпаков Павел и студия КолпаковАРТ
mailto:pk***@i*****.ru
http://www.kolpakovart.ru/



библиотекa сайтостроительства http://www.i2r.ru/static/244/

   2006-06-03 18:13:39 (#557053)

Re: вертикальное центрирование кнопок в div-блоке

Hello Zigzag,

Saturday, June 3, 2006, 1:27:24 AM, you wrote:

Z> Здравствуйте.

Z> Столкнулся со следующей проблемой, надеюсь на вашу помощь.

Z> Мне нужно в горизонтальном div-блоке расположить кнопки по вертикали по центру,
Z> но, никак не получается. Ребят, не могу разобраться, помогите, плз. Если я
Z> выставляю padding внутри DIV-блока, то почему-то, кроме отступа кнопки от
Z> верхнего края, весь блок увеличивается по высоте. В чем проблема?

Z> Вот xhTML

Z> <div class="controls"><h1>Название раздела</h1><input type="button" value="ДОБАВИТЬ"
/>></div>

Z> Вот CSS

Z> ..controls {
Z> background: #f0f2f6;
Z> border: solid 1px #716f64;
Z> height: 40px;
Z> margin: 5px;
Z> }
Z> ..controls input {
Z> display: block;
Z> float: right;
Z> }
Z> ..controls h1 {
Z> display: block;
Z> float: left;
Z> font: 20px Verdana, Helvetica, sans-serif;
Z> font-weight: bold;
Z> padding: 5px 5px 5px 5px;
Z> }

Z> --
Z> С уважением,
Z> Zigzag mailto:zigzag***@m*****.ru



Z> библиотекa сайтостроительства http://www.i2r.ru/static/244/

Все просто: укажи margin-top:5px; у input.

.controls input {
display: block;
float: right;
margin-top:5px; /*вот этот margin*/
}

   2006-06-03 12:37:41 (#556980)