Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > расстояние между строк

Автор: Самозванка 19.12.2007, 16:24

Есть две строки

Код


<p class="tablehead">Офсетная, флексо- </p>
<p class="tableheadniz">и трафаретная печать</p>

Для них такие стили

Код


.tablehead { text-align : center; font-size: 12pt; color: #cccccc; font-weight: bold;  font-family:Verdana; line-height:0; } 
.tableheadniz {text-align : center; font-size : 12pt; color: #cccccc; font-weight: bold;  font-family:Verdana; line-height:0 }

В итоге у меня получаются такие две строки:

Код


аплвал

алпдлвва

А мне надо получить так:

Код


dfgdfdg
dfgdfgfd

То есть уменьшить расстояние между строками...
Я так понимаю что с помощью line-height...но как??

Автор: WebDisaster 19.12.2007, 16:34

Цитата(Самозванка @ 19.12.2007, 16:24

)

То есть уменьшить расстояние между строками...
Я так понимаю что с помощью line-height...но как??

Не угадали :). Для каждого абзаца (тэг <p>) браузер делает отступы от предыдущего. Что вполне логично.
Если нужно "слепить" строки вместе, либо избавляйтесь от <p> (заменяя на <br />), либо смотрите в сторону p {margin: 0;}

Автор: Самозванка 19.12.2007, 16:39

WebDisaster, спасибо
Получилась красота и то что надо)

Код


.tablehead { text-align : center; font-size: 12pt; color: #cccccc; font-weight: bold;  font-family:Verdana; margin:0; } 
.tableheadniz {text-align : center; font-size : 12pt; color: #cccccc; font-weight: bold;  font-family:Verdana; margin:0; }