Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Произвольное расстояние между строками без тега p


Автор: Erigity 29.10.2010, 12:16
Есть код:
Код

<font color="#486DAA">Заголовок</font>
<br/>
<br/>
Информация-Информация-Информация-Информация-Информация-Информация.<br/>
Доп.Информация

Нужно уменьшить расстояние между заголовком и информацией чуть меньше, чем позволяет тег <br/>.

Пробовал добавлять вместо одного <br/> таблицу:
Код

<table style="margin-bottom: -14px" border="0px"><tr></tr></table>

В Опере всё смотрится здорово, а вот IE6 делает большой зазор между 
Код

Информация-Информация-Информация-Информация-Информация-Информация.
и
Код

Доп.Информация

Есть ли какие-то способы побороть это в IE, или альтернативные методы изменения расстояния между строками без тега <p>? Заранее спасибо.

Автор: MaxTex 29.10.2010, 12:34
Можно использовать свойство CSS line-height.
Например так:

Код

body { line-height: 25px; }

Автор: Erigity 29.10.2010, 12:43
Но, насколько я понимаю, если применять line-height в body, изменятся все междустрочные расстояния в документе, а нужно изменить это расстояние в конкретном месте документа. Тег <p>, в силу некоторых особенностей вывода информации использовать тоже не получится. Поэтому, line-height - это не совсем то, что нужно smile

Автор: MaxTex 29.10.2010, 12:46
Используйте тогда контейнеры DIV с соответствующими свойствами.
Если и их нельзя использовать, то тогда не знаю как быть.

Автор: Erigity 29.10.2010, 13:03
Большое спасибо. Ума не приложу, почему мне в голову не пришло запихнуть заголовок в DIV с соответствующим margin-bottom.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)