ortegas

Рейтинг
195
Регистрация
29.05.2008

Если вы хотите добавить визуальное оформление цитаты, оформляйте лучше сам стиль блока blockquote, а не вставляйте туда элементы графики.

Может дело в родительском блоке? style="width:18px !important;";

Милованов Ю.С, а что там за секрет? Нужен кука?

Anamnado, ну мы же говорим о профессионализме, а не о том, как наклепать побольше говносайтов. :)

Microsoft, к сожалению, не поддерживает vertical-align

Действительно жалко за него. IE6 уже почти никто не использует. Спасибо, тому же мелкософту. Не будем думать за пользователей, которые не могут по заботится о своем компьютере. Это ведь не наше дело? И не наше дело латать дыры и писать плагины к "бедным" программам. Пускай догоняет мелкософт, гляди и IE15 начнет показывать страницы написанные под -webkit-. :)

line-height - междустрочный интервал.

ну я написал вариант, когда произвольной длины, но не превышает ширину блока, чтобы переходить на другую строку (для коротких фраз).

Некорректно использовать междустрочный интервал для одной строки. Даже словосочетание "большая энциклопедия" 14px может быть разбито между двух строк. Соответственно, слово энциклопедия вообще выйдет за допустимый height, и при родительском overflow: none, не будет показано вообще. Это фатально.

зачем вообще усираться делать блоками, если это легко реализуется таблицами - пик моды?

Вот и я не понимаю, чем не устраивает документированная реализация (vertical-align)? Семантическое значение тега table - таблица. Если мы работаем с таблицей значений, нужно использовать table и только его, но если мы работаем блоком - нужно использовать div. Это же понятно, правда? Вот, к примеру, посмотрите на блок поста на данном форуме. Это div. Блок персональной информации слева - div. Знаете, почему? - Это не дамп базы данных вида ячейка - значение, это читабельно оформленный блок, и неуместно использование table. Во-первых, не предназначено, во-вторых, оформление таблиц в каждом из браузере по умолчанию "свое", в-третьих, громоздкая конструкция тега.

Anamnado, ТС написал "произвольной длины", высота блока 400px. А теперь давайте подумаем, будет ли в таком большом блоке, абзац с размером в пару слов? И нужна бы была тогда ему центровка? Думаю, в этом случае, ТС бы не задумывая обошелся обычным margin.

Еще раз. line-height не применим для формирования отступов в блоках! Не обязательно если на ваших 1920x1080 это смотрится так как нужно, оно будет смотреться также на, скажем, планшете.

line-height это размер ячейки для строки текста. Он применим в формировании отступов между строками текста и не имеет смысла в случае с одной строкой. В случае если нужно оформить отступ в середине блока - padding, отступ от блока - margin.

Anamnado:
что значит если не влезет по ширине

http://s019.radikal.ru/i631/1305/d5/6e630367d211.png вот что это значит. Отступы будут не только от текста, а от каждой строки. Понимаете? А ТСу нужно выровнять блок с текстом, а не отдельные строки!

#div{
padding:
...
}

В данном случае, если бы текст был фиксированной длины, универсальным было бы решение p {margin}, padding для других целей. Для центровки используется margin. Для горизонтальной центровки даже предусмотрен специальное значение auto, для вертикальное, нет. Не задумывались, почему auto значение не доступно для padding?

Anamnado, вот реализуйте это с помощью line-height, а потом говорите. Во-первых, это попросту неправильная реализация, т.к., данное свойство имеет совсем другое назначение. Во-вторых, вы вообще знаете как оно сработает, если к примеру, текст не влезет по ширине? Вот попробуйте, и расскажите нам, как перенесенный текст уйдет за границы допустимого height. И еще, line-height не означает вертикальное центрирование текста. ;) У некоторых шрифтов, эти отступы могут быть 30% сверху, а 70% снизу. Какая же это центровка тогда?

Anamnado, line-height это свойство для текста, а не для блока.

Matt Cutts, и есть CSS свойство vertical-align :) .

Имхо, нужно обойтись только vertical-align + фиксированная height (вам уже дали ссылку на статью). Лучше без таблиц, а если уж оформлять как display: table-cells, то нужно и сам HTML написать по всем правилам, то-есть, с table>tbody>tr>td.

Всего: 3009